jQuery UI Extra-7 : クリックするとスルスルとスクロールしてトップに戻るスクリプト

盲点で

すっかり忘れていたので…

記事にしましたが…

まぁ…ありふれたものなので解説は割愛します…　σ(^_^;)

トップに戻る「JavaScript」

$("#scrolltop").hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()>100){$("#scrolltop").fadeIn()}else{$("#scrolltop").fadeOut()}});$("#scrolltop a").click(function(){$("body,html").animate({scrollTop:0},800);return false})});

トップに戻る「HTML」

<span id='scrolltop' style='position:absolute;top:-90px;right:-25px;z-index:100;'><a href='#top'><img alt='Scroll Top' border='0' src='画像の URL か base64 の生データ' title='Scroll :: Back to Top'/></a></span>

Prev 1 2 3 4 5 6 7 8 9 Extra Next

Design jQuery JavaScript Current-Label : jQuery / Extra