「jQuery」scrollTopメソッドで画面トップまで移動するサンプル
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.0
構文
.scrollTop( value )
scrollTopの引数に数値をいれるとその位置まで移動します。
画面だけでなくテキストエリアで縦スクロールバーが表示された時等でも使用できます。
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(function(){ $("#btnchk").click(function() { $("html,body").scrollTop(0); }); }); </script> </head> <body> <p>11</p> <p>22</p> <p>33</p> <p>44</p> <p>11</p> <p>22</p> <p>33</p> <p>44</p> <p>11</p> <p>22</p> <p>33</p> <p>44</p> <p>11</p> <p>22</p> <p>33</p> <p>44</p> <p>11</p> <p>22</p> <p>33</p> <p>44</p> <input type="button" value="検証" id="btnchk" /> </body> </html>
結果
「検証」ボタンを押すとと画面トップまで移動します