新的jQuery Waypoint粘性快捷方式，堅持點

我使用新的Waypoint粘性快捷方式將元素粘貼到視圖端口的頂部。我遇到的問題是，我希望當它到達頁面上的某個點時，解除它的位置並保持它的位置。新的jQuery Waypoint粘性快捷方式，堅持點

下面是使用舊的航點的例子：http://jsfiddle.net/oskarrough/SFyCj/

我已經做了廣泛的谷歌搜索有幾個帖子解釋如何使用這個老航點，但沒有引用新的版本做。

如果任何人都可以給我任何幫助或指導如何做到這一點，我會非常感激！

var sticky = new Waypoint.Sticky({ 
    element: $('.img-container')[0], 
    offset: 95 
});

2015-09-13 Ash

我希望這對你有所幫助。

 $('.img-container').mouseover(function() { 
      sticky.destroy(); 
     })

2015-09-13 16:34:17

感謝您的建議，但是這似乎只是一旦用戶將鼠標懸停在元素去除「粘性」的功能。我想要達到的目標是元素粘貼（位置固定）直到某個點，然後當您向後滾動時，它會再次「卡住」。類似於這個例子：http://jsfiddle.net/oskarrough/SFyCj/ – Ash

我認爲你需要添加代碼來切換類「粘性」固定元素與CSS。鏈接看看如何捕獲事件外塊（http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-element） –

對於任何正在努力解決這個問題的人，我決定使用這個插件而不是路標。

2015-09-14 18:29:07 Ash

回答