「戻る」ボタン
下にスクロールすると、「 TOP 」ボタンが出てきます。
$(function(){
// pagetopの定義
var pagetop = $('#page_top');
// 100px スクロールでボタン表示
$(window).scroll(function () {
if ($(this).scrollTop() ＞ 100) {
pagetop.fadeIn();
} else {
pagetop.fadeOut();
}
});
// animate()の500は、スクロール時の時間間隔。0.5秒かけてスクロールの意味。
pagetop.click(function () {
$('body, html').animate({ scrollTop: 0 }, 500);
return false; });
});
TOP
// pagetopの定義
var pagetop = $('#page_top');
// 100px スクロールでボタン表示
$(window).scroll(function () {
if ($(this).scrollTop() ＞ 100) {
pagetop.fadeIn();
} else {
pagetop.fadeOut();
}
});
// animate()の500は、スクロール時の時間間隔。0.5秒かけてスクロールの意味。
pagetop.click(function () {
$('body, html').animate({ scrollTop: 0 }, 500);
return false; });
});