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

前端之家收集整理的这篇文章主要介绍了当用户使用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/

猜你在找的jQuery相关文章