航點插件jQuery的

-1

$(function() { 

    // Do our DOM lookups beforehand 
    var nav_container = $(".nav-container"); 
    var nav = $("nav"); 

    nav_container.waypoint({ 
     handler: function(event, direction) { 
      nav.toggleClass('sticky', direction=='down'); 

      if (direction == 'down') nav_container.css({ 'height':nav.outerHeight() }); 
      else nav_container.css({ 'height':'auto' }); 
     }, 
     offset: 15 
    }); 

});

你怎麼樣？ - 我使用imakewebthings.com/jquery-waypoints將導航元素向下移動。我怎麼會喜歡在我的頁面的特定部分解除導航元素，然後在滾動時將其粘貼回原來的位置 - 滾動後可能是30pixcel。航點插件jQuery的

任何幫助將不勝感激。

來源

2013-04-09 Jerry S.

-1你的壞名稱。 – pktangyue 2013-04-09 02:23:00

:)看起來像我們需要實現的規範。 – akonsu 2013-04-09 02:25:02

任何幫助將不勝感激。 – 2013-04-09 02:26:13

如果我明白你想要一個元素，當它通過一定的閾值時堅持，並返回到固定的時候，它高於那個？

如果是這樣 - 查看http://drewdahlman.github.io/Pinned/這將完全符合您的要求。這是一個易於使用的插件。

$("#element").pinned({ 
    bounds: 30, // when to become sticky 
    scrolling: 0, // position during scroll 
});

它會在30以上時回到原來的位置，當它達到30px時會回到原來的位置。確保你將它的默認位置設置爲絕對。

祝你好運！

來源

2013-04-09 02:34:20

不，我使用航點 – 2013-04-09 02:49:24

除了您的粘性元素以外的其他航點的特定原因？ – 2013-04-09 03:17:47

基本上太深的項目Pin看起來不錯 - 但是太深入項目 - 任何幫助德魯？ – 2013-04-09 03:18:58

航點插件jQuery的

回答

相關問題