标题中的措辞很奇怪,道歉。很难解释这种影响。
我目前有这个,它在Chrome上效果最好: http://mattluckhurst.com/dev/
我的客户希望每个面板在用户向下滚动时向上滑动,覆盖前一个面板。我目前通过设置" current"来实现这一目标。一旦页面滚动到它,面板就会有position:fixed
和top:0
。每个面板都有z-index
,对应于页面上的垂直位置。理想情况下:
向下滚动。当下一个面板位于窗口的中间位置时,滚动动画可以让你一直到达那里,然后该面板被捕捉到顶部,以便下一个面板可以进入它。
它在Chrome中工作得很好,但我在其他地方得到了很多闪烁和其他东西。在移动设备上也是一团糟,但我们真的想要顺利向上滑动。
我知道fixed
元素可以在移动设备上变得非常时髦,所以我想知道这是否是问题,或者我是否应该使用除了窗口滚动之外的其他内容来制作动画/效果。
我一直看到更复杂的视差内容,所以这应该是可行的,我不知道从哪里开始。
感谢您的帮助!如果您需要更多信息,请告诉我。