jquery - 如何在滚动到达上点时修复元素

Question

我想知道当我们滚动浏览它时如何修复 div 元素。我应该在它原来的地方，但是当我们滚动到它的点时，它应该固定在那个地方。CSSposition: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(); });