Javascript IE11的非跳跃视差-但如何实现?
在我的网站上,当创建视差时,我和许多其他人在他们的网站上都体验到了Internet Explorer 11(在Windows 8.1机器上)的一种跳跃/滞后效应。例如,在Firefox上,它工作得非常好 根据我的研究,这是IE11的一个常见问题,没有解决方案,但我发现一个网站以某种方式解决了这个问题(或者找到了一个解决方法?) 但我的网站和这个网站有同样的问题:Javascript IE11的非跳跃视差-但如何实现?,javascript,html,css,internet-explorer-11,parallax,Javascript,Html,Css,Internet Explorer 11,Parallax,在我的网站上,当创建视差时,我和许多其他人在他们的网站上都体验到了Internet Explorer 11(在Windows 8.1机器上)的一种跳跃/滞后效应。例如,在Firefox上,它工作得非常好 根据我的研究,这是IE11的一个常见问题,没有解决方案,但我发现一个网站以某种方式解决了这个问题(或者找到了一个解决方法?) 但我的网站和这个网站有同样的问题: 他们做了哪些不同的事情来让它工作?我感谢你的帮助 对于这个问题,我看到的最好的解决方案是在创建视差所使用的任何属性上使用transi
他们做了哪些不同的事情来让它工作?我感谢你的帮助 对于这个问题,我看到的最好的解决方案是在创建视差所使用的任何属性上使用transition 例如,使用
transform:translateY
创建parralax效果,然后添加:
transition:transform 10ms linear
这将强制parralax平滑设置动画。
缺点是,它不能完全向后兼容较旧的浏览器这对您有帮助吗?示例:(滚动)读取源代码;在第一个站点上没有视差效果,只有一些具有固定位置的元素。第二个站点可以使用CSS剪辑进行模拟,类似这样:^为了澄清,我将“视差”解释为移动层,以提供距离的外观,而不是可滚动/静态内容的组合。非常感谢!