<div class="codetitle"> <span><a style="CURSOR: pointer" data="89425" class="copybut" id="copybut89425" onclick="doCopy('code89425')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code89425"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml" > <br><head> <br><title>無題ページ</title> <br><script type="text/javascript" src=jquery-1.8.0。 js></script> <br><script> <br>$(document).ready(function () { <br>//トップボタンがクリックされるとメソッドが実行され、scrollTop 属性が取得されます選択したラベルとスクロール バーの間の距離 <br>$('#top').click(function () { <br>$('html').animate( <br>{scrollTop: '0px' } , 1000 <br>); <br> }); <br>//下のラベルがクリックされると、offset() が現在のビューポート内の一致する要素の相対オフセットを取得して返します。 top、left の 2 つの属性を持つオブジェクト <br>/ もちろん、/animate の 2 番目の属性、'slow'、'normal'、または 'fast' を設定することもできます。 <br>$('#foot').click( function () { <br>$('html') .animate( <br>{scrollTop:$('span').offset().top},1000 <br>}); >}); <br></head> <br><br /> br /> <br> <a href="#" id="foot"</a> br /> <br> <br><br> 🎜><br><a href="# " id="top"</a> <br><br /> > <br /> <br> </span> <br> <br><br> </div>