HTML
<p id="page-top"><a href="#wrap">PAGE TOP</a></p>
更新 2020 / 09 / 27
スクロールトップ
定の位置に来たら表示して、下部から上部へスクロールさせる
JS
$(function() {
var topBtn = $('#page-top');
topBtn.hide();
//スクロールが100に達したらボタン表示
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
topBtn.fadeIn();
} else {
topBtn.fadeOut();
}
});
//スクロールしてトップ
topBtn.click(function () {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
});