jquery sticked向上和向下箭頭向上和向下

我想添加兩個粘貼（向上和向下）頁面中間的arroys，可以滾動一個網頁分爲幾個部分。所以箭頭始終位於第二部分到最後一部分的中間，並讓頁面向上或向下滾動。jquery sticked向上和向下箭頭向上和向下

enter image description here

目前，我有一個按鈕，帶我到網頁

.content-wrap section .back-to-top { 
    display: block; 
    position: absolute; 
    bottom: -65px; 
    right: 10px; 
    height: 36px; 
    width: 36px; 
    background: url(http://www.caddet-re.org/assets/images/Arrow_Circle_Up.gif); 
    text-indent: -9999px; 
    z-index: 2; 
} 
<a class="back-to-top" href="#main">Back to Top</a>

頂給我：

enter image description here

the jsfiddle is this

的STRU該部分的cture是：

<div class="content-wrap"> 
    <section id="main"> 
     <!--content--> 
     </section> 

     <section id="portfolio"> 
     <!--content--> 
    </section> 
     ... 
</div>

來源

2013-02-26 cMinor

我已經改變了你的代碼一點點：

http://jsfiddle.net/BorisDutkin1982/ZapgY/1/

我希望這是你的意思。您還可以添加「向下」按鈕：只需確保它位於「箭頭容器」內，並且css參數爲與「向上」按鈕相同，但top:45%除外，請將其更改爲bottom:45%。

如果您希望僅在第二節後顯示箭頭，則需要爲「滾動」添加一個事件偵聽器，並檢查用戶在哪裏滾動頁面。

$(document).ready(
    function(){ 
     $("body").live(
     "scroll", 
      function(){ 
      if($("body").scrollTop == NUMBER_OF_PIXELS_FROM_TOP_OF_THE_PAGE){ 
       $("arrow").show(); 
      } 
      } 
    ); 
    } 
);

Explanaition：您可以scrollTop()方法... 一種示例代碼做我添加滾動動作，以「身體」的聽衆。每當用戶頁面頂部的距離是第二部分的位置時，用戶將滾動正文/頁面 - 顯示ARROA

來源

2013-02-26 16:10:03 BorisD

有沒有什麼方法可以在第二部分之後顯示箭頭？我的意思是，在＃部分＃中沒有顯示箭頭，之後它們顯示出來... like'if（$（'selector'）。hasClass（'main'）） { $（this）.removeClass （「主要」）; $（this）.addClass（「hidden」）; }'是否正確？ – cMinor 2013-02-26 16:14:22

我更新了答案:-) – BorisD 2013-02-27 06:11:11

jquery sticked向上和向下箭頭向上和向下

回答

相關問題