这对我的 jQuery/javascript 知识来说有点太棘手了,所以我很抱歉地说我还没有真正尝试过任何东西。我需要一些提示来指明正确的方向!
问题是我的页面上有一个固定元素,当向下滚动时这个元素将进入不同的包装器,而在那个包装器中我需要一个较小的子元素来“捕捉”到我的固定元素并且当它在元素。
有点难以解释,我在这里做了一个静态模型:
当“固定购物车按钮”达到价格时,只要它在价格“product-div”内,我就需要它附加并与购物车按钮一起滚动。当它离开并进入下一个时,价格应保留在其产品的底部,然后在用户通过向上滚动到达它时再次捕捉到购物车按钮。
好吧,再次抱歉,我没有尝试任何东西,但我迷路了。如果我不得不在没有任何帮助的情况下执行此操作,我想我会选择 waypoints.js,但感觉远非最佳。
非常感谢任何帮助!
固定元素将始终具有相同的位置,所以我想可以使用浏览器顶部的偏移量而不是跟踪它的位置。总有一些 ;)
更新:
我自己一直在研究它,让它向下工作而不是向上工作:
应该澄清我的意思:
http://retype.se/temp/scrolltest/test.html
按价格滚动时,它会向下连接按钮并在离开容器时松开。我现在的问题是让它捕捉到它并在向上滚动时滚动回原来的位置 :)
最佳答案
关于javascript - 固定元素通过时如何在父元素内滚动元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12106380/