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

Question

我想知道在滚动它时如何修复div元素。我应该在它的原始位置，但是当我们滚动并达到它的目的时，它应该固定在那个地方。 CSS position:fixed;在这里不起作用。

我见过许多使用这种技术的网站，可能是它的JQuery。 http://9gag.com/＆lt;这是一个使用该技术的网站，当您向下滚动时，您可以在右侧边栏上看到。

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(); });