logo标签列表

IE11如何实现非跳跃视差？

javascripthtmlcssinternet-explorer-11parallax
8
在我的网站上，我和很多其他人一样，在使用Internet Explorer 11（在Windows 8.1机器上）创建视差时会遇到跳跃/延迟效果。例如，在Firefox中，它完全正常。
根据我的研究，这是IE11的常见问题，没有解决方案，但我发现了一个网站，以某种方式解决了这个问题（或制定了一个解决方案？！？）： http://focuslabllc.com/journal 但是我的网站和这个网站http://negativespacealphabet.com/有相同的问题。他们做了什么不同的事情来解决它？感谢您的帮助！
2
也许这个对你有帮助？https://github.com/Prinzhorn/skrollr - João Miguel Brandão
示例：http://pixeljuice.ru/zh (滚动) - João Miguel Brandão
阅读源代码，他们正在使用jQuery Waypoints和ScrollTo。 - Evan Davis
第一个网站没有视差效果，只有一些具有固定位置的元素。第二个网站可以使用CSS剪辑来模仿，类似于这样：http://codepen.io/anon/pen/pgGlu - i_like_robots
为了澄清，我将“视差”解释为移动层以给出距离的外观，而不是可滚动/静态内容的组合。 - i_like_robots
1个回答
3

我见过的解决这个问题的最佳方法是对用于创建视差效果的属性使用转换（transition）。

例如，你使用 transform:translateY 来创建视差效果，然后添加：

transition:transform 10ms linear

这将使视差平滑地进行动画处理。 缺点是，它不完全向后兼容旧版浏览器。
1
非常感谢你，Drew！ - Gnarlund
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接