IE11 的非跳跃视差 - 但如何?
Non-jumping parallax with IE11 - but how?
在我的网站上,我和很多其他人在他们的网站上体验过在创建视差时使用 Internet Explorer 11(在 Windows 8.1 机器上)的一种 jumping/lagging 效果。例如,在 Firefox 上它工作得非常好。
根据我的研究,这是 IE11 的一个常见问题,没有解决方案,但我发现一个网站以某种方式解决了这个问题(或制定了解决方法?!?):
http://focuslabllc.com/journal
但是我的网站和这个网站有同样的问题:
http://negativespacealphabet.com/
他们做了什么不同的事情来让它发挥作用?感谢您的帮助!
我见过的解决此问题的最佳解决方案是在您用来创建视差的任何属性上使用过渡。
例如,您使用 transform:translateY
创建视差效果,然后添加:
transition:transform 10ms linear
这会强制视差平滑地设置动画。
缺点,它不完全向后兼容旧浏览器
在我的网站上,我和很多其他人在他们的网站上体验过在创建视差时使用 Internet Explorer 11(在 Windows 8.1 机器上)的一种 jumping/lagging 效果。例如,在 Firefox 上它工作得非常好。
根据我的研究,这是 IE11 的一个常见问题,没有解决方案,但我发现一个网站以某种方式解决了这个问题(或制定了解决方法?!?): http://focuslabllc.com/journal
但是我的网站和这个网站有同样的问题: http://negativespacealphabet.com/ 他们做了什么不同的事情来让它发挥作用?感谢您的帮助!
我见过的解决此问题的最佳解决方案是在您用来创建视差的任何属性上使用过渡。
例如,您使用 transform:translateY
创建视差效果,然后添加:
transition:transform 10ms linear
这会强制视差平滑地设置动画。 缺点,它不完全向后兼容旧浏览器