javascript - IE11 的非跳跃视差 - 但如何?

标签 javascript html css internet-explorer-11 parallax

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

根据我的研究,这是 IE11 的一个常见问题,没有解决方案,但我发现一个网站以某种方式解决了这个问题(或制定了解决方法?!?): http://focuslabllc.com/journal

但是我的网站和这个有同样的问题: http://negativespacealphabet.com/ 他们做了什么不同的事情来让它发挥作用?感谢您的帮助!

最佳答案

对于这个问题,我见过的最佳解决方案是在您用来创建视差的任何属性上使用过渡。

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

transition:transform 10ms linear

这会迫使视差平滑地进行动画处理。 缺点是,它不能完全向后兼容旧版浏览器

关于javascript - IE11 的非跳跃视差 - 但如何?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28302636/

相关文章:

javascript - Summernote通过laravel中传递的参数设置文本

html - 知道为什么我的图像不断中断吗? ( Sprite )

css - 页脚应位于所有内容下方,但未固定

css - 全屏时背景图像被剪切

javascript - 为什么以下 javascript 代码不起作用? (使用 Crafty.js)

javascript - 当页面从验证中重新加载时,禁用的字段不会被禁用/重置

javascript - 如何在 jQuery 中解析日期字符串并检查它是否在过去

html - 我在第三排按钮前面有额外的空间

javascript - 在网页上创建监听套接字

javascript - 调整页面大小时的图像拉伸(stretch) - 通过 jquery 更改了 css - 需要刷新吗?