当サイトで実装しているjQuery
下からにょきっと出てくるページトップ
スクロールするとしたから出てくるページトップです。WEBOPIXELさんのjQueryでスクロールすると表示する系いろいろからソースを拝借してきました。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
$(function() { var showFlag = false; var topBtn = $('#scrolltotop'); topBtn.css('bottom', '-100px'); var showFlag = false; $(window).scroll(function () { if ($(this).scrollTop() > 300) { if (showFlag == false) { showFlag = true; topBtn.stop().animate({'bottom' : '-5px'}, 700); } } else { if (showFlag) { showFlag = false; topBtn.stop().animate({'bottom' : '-100px'}, 300); } } }); topBtn.click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); |
Appleのサイトのようにふわっとページが表示されるプラグイン
トップページで使っているページをふわっと表示させてくれるプラグインです。Random Digit Dialogueさん作で詳しく紹介されています。
Sponsored Links
