$(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 800) { $('.left_BOX').fadeIn("fast"); } else { $('.left_BOX').stop().fadeOut("fast"); } }); });
<div class="left_BOX" style="display: none; position: fixed;">
<div class="goTop" style="display: none;position: fixed;margin-top: 60px;">
<a href="#"></a>
</div>
</div>
幾個重點 :
滑鼠要滾到指定位置,才會出現元素 => 預設是看不見的 display:none
元素要固定在頁面的某處 ==> position: fixed
至於固定的位置可以用 top left right bottom 自行隨意調整
goTop比較簡單的寫法 可以設置連結(#) 就可以回到最頂端了
沒有留言:
張貼留言