この記事では、Scrollbar Floatingに続くことの上部ボタン効果に戻るJavaScriptの簡単な実装について説明します。次のように、参照のために共有してください。
画面の高さが複数しか表示されず、上部ボタンの特殊効果コードに戻るスクロールバーに続く比較的優れたバージョン。
操作効果は、次の図に示されています。
完全な例コードは次のとおりです。
<!doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <タイトル>テスト</タイトル> <スタイル> body:{hight:000px; ^高さ:25px;テキストアライグ:センター;フォントサイズ:小さい;ラインハイト:25px;国境:1pxソリッド#999;位置:修正;右:0;下:0; Border-Bottom-Color:#333;境界線 - 色:#333;マージン:5px;カーソル:ポインター;表示:なし} </style> </head> <body> <div id = "rtop"> return topに戻る</div> <scrip> windol.onscroll = function(){if(document.body.scrolltop || document.documentelement.scrolltop> 0){document.getElementbyid( 'rtop')。 document.getElementById( 'rtop')。style.display = "none"}} </script> </body> </html>JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください:「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、「Javascriptエラー、および「Javascriptデータ構造」の概要」の概要の要約の要約をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。