当用户使用jQuery滚动浏览时,更改div css

Question

当用户滚过div时,我需要将其css更改为position:fixed.就像这里所做的一样:http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/但只有普通的jquery,没有插件.
一旦用户滚动到另一个div,div也必须停止滚动.
例如:

<div id="stuff"></div>
<div id="this"></div>//must start scrolling with user when user reaches it.
<div id="footer"></div>// when #this reaches within say, 10px, of #footer it must stop in it's current position, in order to prevent overlap

我假设我会用 .scroll()和.css(),但我不知道从哪里里去.

Answer 1

我注意到你的答案#this一旦你开始就会突然消失#footer.我已经调整了你的答案,以便#this坚持#footer和滚动,这是更顺畅的.

我的演示使用稍微不同的标记,并且更加冗长,所以跳转到jsFiddle并检查它.

演示: jsfiddle.net/Marcel/e9hyw/