盲点で
すっかり忘れていたので…
記事にしましたが…
まぁ…ありふれたものなので解説は割愛します… σ(^_^;)
トップに戻る「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>
0 件のコメント:
コメントを投稿