如何在滾動到達點時修復元素

Question

我想知道在滾動時如何修復div元素。我應該在它原來的地方，但是當我們滾動並達到它的重點時，它應該固定在那個地方。 CSS position:fixed;在這裏不起作用。

我看過很多使用這種技術的網站，可能是JQuery。 http://9gag.com/ <這是一個使用該技術的網站，當您向下滾動時，您可以在右側邊欄中看到。

Answer 1

position:fixed在這裏使用。

你想要修復的每個元素都有2個狀態 - 分別爲position:absolute和position:fixed。而你要解決什麼每個元素具有從一個狀態改變到另一個

---

var 
Node = $('yourDIV'), 
Func = function(){ 
var Top = $(document).scrollTop(); 
if(Top > 300) Node.css({'position':'fixed'}); 
else Node.css({'position':'absolute'}); 
} 

$(window).on('scroll',function(){ Func(); });