
一定距離スクロールするとニョキッと出てくるページの先頭に戻るボタン
2013年4月8日jQueryのみでつくるギミック
ページをある程度スクロールした時に、下からニョキッと出てくるような動きをする、ページの先頭に戻るボタンです。
JavaScript
(function($){ $(function() { var intervalValue = 300; var pageTopID = '#returnToTop'; $(function(){ $(window).scroll(function () { var distanceTop = $(document).scrollTop(); if (distanceTop > intervalValue) { $(pageTopID).slideDown('fast'); } if (distanceTop < intervalValue) { $(pageTopID).slideUp('fast'); } }); }); }); })(jQuery);