我创建了一个带有视差街景的网站.请参阅此处获取存档版本.
它适用于所有主流桌面浏览器和Safari Mobile.它在Mobile Firefox和Chrome for Android Beta中也能很好地工作.但是,默认的Android浏览器存在滚动事件的问题.让我说清楚.滚动不是问题.div根据需要滚动.滚动事件不会触发.我在Honeycomb和ICS上遇到过这个问题.
我不关心其他移动浏览器,因为对于移动屏幕尺寸,人们通常看不到视差场景; mediaqueries和条件JavaScript加载可以解决这个问题.响应式设计和所有爵士乐.
基本上,我写了一个parallise()jQuery插件,根据它的位置和"深度"定位每个图像.此函数绑定到scroll事件.
在Android浏览器中,此事件仅在下一次触摸开始时触发,而不是连续触发.
好了,我想也许如果我绑定的功能touchstart,touchmove以及touchend事件我会解决我的问题.没有雪茄.其他触摸事件也被窃听.应用建议的解决方法会导致事件触发,但正如我e.preventDefault()所知,滚动(练习的整个点)被禁用.
如果我只是相对于窗口div轮询舞台div的位置怎么办？事实证明,位置信息仅在下一次触摸开始时更新.
我在我的系绳的尽头.任何帮助将非常感激.