滑动一个元素" up"用户向下滚动时没有固定定位?

时间:2015-06-25 15:20:18

标签: javascript jquery html ios css

标题中的措辞很奇怪,道歉。很难解释这种影响。

我目前有这个,它在Chrome上效果最好: http://mattluckhurst.com/dev/

我的客户希望每个面板在用户向下滚动时向上滑动,覆盖前一个面板。我目前通过设置" current"来实现这一目标。一旦页面滚动到它,面板就会有position:fixedtop:0。每个面板都有z-index,对应于页面上的垂直位置。理想情况下:

向下滚动。当下一个面板位于窗口的中间位置时,滚动动画可以让你一直到达那里,然后该面板被捕捉到顶部,以便下一个面板可以进入它。

它在Chrome中工作得很好,但我在其他地方得到了很多闪烁和其他东西。在移动设备上也是一团糟,但我们真的想要顺利向上滑动。

我知道fixed元素可以在移动设备上变得非常时髦,所以我想知道这是否是问题,或者我是否应该使用除了窗口滚动之外的其他内容来制作动画/效果。

我一直看到更复杂的视差内容,所以这应该是可行的,我不知道从哪里开始。

感谢您的帮助!如果您需要更多信息,请告诉我。