📑
[jQuery]ページトップへ戻る
作成日:
2021/07/13
0
jQuery読み込み
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
ページトップへ戻るボタン
<div class="page_top"><a href="#">TOP</a></div>
bodyタグの終了直前に記述すればいい
$(function(){
const pagetop = $(".pagetop");
$(window).scroll(function(){
if($(this).scrollTop() > 80) {
pagetop.fadeIn();
}else {
pagetop.fadeOut();
}
});
pagetop.click(function(){
$('body, html').animate({scrollTop: 0.3}, 500);
return false;
});
});
よろしくおねがいします!