Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript IE11的非跳跃视差-但如何实现?_Javascript_Html_Css_Internet Explorer 11_Parallax - Fatal编程技术网

Javascript 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

在我的网站上,当创建视差时,我和许多其他人在他们的网站上都体验到了Internet Explorer 11(在Windows 8.1机器上)的一种跳跃/滞后效应。例如,在Firefox上,它工作得非常好

根据我的研究,这是IE11的一个常见问题,没有解决方案,但我发现一个网站以某种方式解决了这个问题(或者找到了一个解决方法?)

但我的网站和这个网站有同样的问题:
他们做了哪些不同的事情来让它工作?我感谢你的帮助

对于这个问题,我看到的最好的解决方案是在创建视差所使用的任何属性上使用transition

例如,使用
transform:translateY
创建parralax效果,然后添加:

transition:transform 10ms linear
这将强制parralax平滑设置动画。
缺点是,它不能完全向后兼容较旧的浏览器

这对您有帮助吗?示例:(滚动)读取源代码;在第一个站点上没有视差效果,只有一些具有固定位置的元素。第二个站点可以使用CSS剪辑进行模拟,类似这样:^为了澄清,我将“视差”解释为移动层,以提供距离的外观,而不是可滚动/静态内容的组合。非常感谢!