jquery航點stickey問題

我試圖使用jquery航點來產生一些粘性導航，但我遇到了問題。jquery航點stickey問題

在

頁

<script src="js/waypoints-sticky.min.js"></script> 
<script src="js/waypoints.js"></script> 
<script src="js/waypoints-sticky.js"></script> 
<script type="text/javascript" charset="utf-8"> 


    $(document).ready(function(){ 
     $(window).resize(function(){ 
      $('#mainsplash').css("height", ($(window).height() - 200) + "px"); 
     }); 
     $('#mainsplash').css("height", ($(window).height() - 200) + "px"); 
     $('.sticky1').waypoint('sticky', { 
      offset: 0 // Apply "stuck" when element 30px from top 
     }); 
    }); 


</script>

CSS

.stuck{position: fixed; top: 0;}

Issue1：似乎並沒有對div的工作嗎？如果我將一個div應用於「sicky1」類，它什麼也不做。但是，當我將類「stick1」應用於H1或A標籤時，它可以正常工作。有沒有辦法在div上使用它？

問題2：有沒有辦法將粘性粘貼到多個元素上，然後在到達頂部時讓它們坐在另一個下面。

基本上我試圖做的是創建一個手風琴的影響。因此，讓我說我的網頁有3個部分。

產品 - 內容關於 -content 聯繫 -content。

當用戶滾動到底部時，三個部分應該粘貼到頁面頂部。

即（這些應該是下彼此旁邊旁） PRODCUT 關於 CONTACT

內容 - -footer-

希望這是很有意義的。 Jquery不是我的強項。

來源

2013-04-02 Jamie Collingwood

沒關係，我想通了。我不確定它爲什麼不在div上工作，但突然開始工作。通過在div上設置一個margin-top並在jquery中設置一個偏移量，我能夠實現手風琴效果。

來源

2013-04-03 23:22:42

jquery航點stickey問題

回答

相關問題