この記事は、参照のためにJavaScriptの効果を上に戻しました。特定のコンテンツは次のとおりです
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-compatible" content = "ie = edge、chrome = 1"> <title>バックトップエフェクト（ネイティブJS） } .bg {width：1022px;マージン：0 Auto; } .btn {display：none;幅：75px;高さ：75px;背景：url（../画像/ウェブトップの小さなアイコン（トップに戻る）/トップ085.pngに戻る）位置：修正;左：50％;マージン左：530px;下：10px;テキストインデント：-9999px;アウトライン：なし; } .btn：hover {background -position：0 -75px; } </style> <script> var timer = null; var isscroll = true; //1.2コンストラクトoscroll関数関数oscroll（）{var ostop = document.documentelement.scrolltop || document.body.scrolltop; // 1.1スクロール高さ、var ossopeed = math.ceil（ostop/4）; //スクロール速度document.documentelement.scrollolltop = document.scrolltop = document.scrolltop; if（ostop == 0）{//上部のリーチを判断し、タイマーClearInterval（タイマー）をきれいにします。 } isscroll = true; } window.onload = function（）{var obtn = document.getElementbyId（ 'btn'）; //ボタン要素var clientheight = document.documentelement.clientheight || document.body.body.clientheight; //1。[戻り]ボタンイベントをクリックしますbtn.onclick = function（）{//ボタンクリックイベントタイマー= setInterval（oscroll、50）; } window.onscroll = function（）{var ostop = document.documentelement.scrolltop || document.body.scrolltop; // 1.1互換性のあるif（ostop> clientheight）{btn.style.display = "block"; } else {btn.style.display = "none"; } if（！isscroll）{clearInterval（タイマー）; } isscroll = false; }} </script> </head> <body> <div> <img src = "../ images/jz.jpg"> </div> <a href = "javascript：void（0）;" id = "btn">トップに戻る</a> </body> </html>上記はこの記事に関するものであり、誰もがJavaScriptプログラミングを学ぶことが役立つことを願っています。