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

当用户滚过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(),但我不知道从那里去哪里.

解决方法

我在你的回答中注意到#this一旦你开始#footer就会突然消失.我已经调整了你的答案,允许#this坚持#footer并滚动哪个更顺畅.

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

演示：jsfiddle.net/Marcel/e9hyw/

原文地址：https://www.jb51.cc/jquery/181028.html