jQuery を使用して実装します。使用した写真: 1. このページを一番下までスクロールすると、go2top ボタンが表示されます。 2. go2top-inner はまだ使用されていません。 HTML&JS 定義: コードをコピーします コードは次のとおりです: <スクリプトタイプ="text/javascript"> $(関数(){ $('#go2top').click(function(){ $("html,body").animate({scrollTop:0},200); return false; }); $(ウィンドウ).scroll(function(){ var obj=$('#go2top'); If(obj.offset().top>900){ obj.show(); }その他{ obj.hide(); } }); }); CSS 定義 コードをコピーします コードは次のとおりです: .go2top { 背景: url("http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.png") 繰り返しなしスクロール左上透明; 下: 65px; 色: #444444; 表示: なし; 高さ: 50px; 左マージン: 510px; 位置: 固定; 右: 160px; テキストの配置: 中央; 幅: 50px; } .go2top:ホバー { 背景位置: -50px 上; } トップに戻ることができるか試してみてください。とても便利で実用的な機能です。気に入っていただければ幸いです。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
