javascript - 固定元素通过时如何在父元素内滚动元素?

标签 javascript jquery

这对我的 jQuery/javascript 知识来说有点太棘手了,所以我很抱歉地说我还没有真正尝试过任何东西。我需要一些提示来指明正确的方向!

问题是我的页面上有一个固定元素,当向下滚动时这个元素将进入不同的包装器,而在那个包装器中我需要一个较小的子元素来“捕捉”到我的固定元素并且当它在元素。

有点难以解释,我在这里做了一个静态模型:

http://jsfiddle.net/ycmYc/

当“固定购物车按钮”达到价格时,只要它在价格“product-div”内,我就需要它附加并与购物车按钮一起滚动。当它离开并进入下一个时,价格应保留在其产品的底部,然后在用户通过向上滚动到达它时再次捕捉到购物车按钮。

好吧,再次抱歉,我没有尝试任何东西,但我迷路了。如果我不得不在没有任何帮助的情况下执行此操作,我想我会选择 waypoints.js,但感觉远非最佳。

非常感谢任何帮助!

固定元素将始终具有相同的位置,所以我想可以使用浏览器顶部的偏移量而不是跟踪它的位置。总有一些 ;)

更新:

我自己一直在研究它,让它向下工作而不是向上工作:

应该澄清我的意思:

http://retype.se/temp/scrolltest/test.html

按价格滚动时,它会向下连接按钮并在离开容器时松开。我现在的问题是让它捕捉到它并在向上滚动时滚动回原来的位置 :)

最佳答案

关于javascript - 固定元素通过时如何在父元素内滚动元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12106380/

相关文章:

javascript - 确认密码验证

javascript - 为什么三元表达式在 Javascript 中的 falsy 值之后执行?

javascript - 从 Node 表达应用程序加载页面时获取标题?

javascript - 如果勾选复选框,如何显示每个表行的 div?

javascript - 如何从数据库中获取数据到javascript文件中并将其存储在数组中?

javascript - 单击时淡出,除非单击输入元素

jquery - 动态加载css样式表并等待它加载

javascript - 开发页面时需要什么JavaScript?

javascript - 如何链接本地 PDF 文件中的页面?

javascript - 如何在选中/取消选中复选框时切换(打开/关闭)行为?