この記事では、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プログラミングに役立つことを願っています。