在IE中滚动时抖动背景图像

Question

我一直在一个只有一页的视差测试网站上工作，在IE11上滚动时，我一直在挣扎于抖动或抖动的图像。这是一个网站：http://magzim.atwebpages.com/

它在Mozilla和Chrome中运行得很好。我尝试了以下的解决方案，基于这和其他有关这个问题的答案。没有任何积极的结果。

1)可调水平滚动

2)缩小图像大小

3)高级选项中的可调平滑滚动

4)可以通过将div的“位置”改为“固定”来解决这个问题。但那样的话，我将不得不改变我的整个脚本，因为它依赖于图像是“相对的”。

怪异的是:当我使用与IE11等效的“开发工具”(称为DOM-explorer?)‘检查元素’时？战栗停止了！因此，激活DOM-资源管理器可以防止滚动时div的抖动！

有人能帮我解决这个问题，而不必完全重写我的脚本吗？

谢谢!

马吉姆

Answer 1

javascript防止在Internet中滚动时抖动背景图像

这是一个用于禁用平滑滚动的javascript。将其放在html代码中的头部部分或主体部分的底部。

演示

​

if(navigator.userAgent.match(/Trident\/7\./)) {
  document.body.addEventListener("mousewheel", function() {
    event.preventDefault();
    var wd = event.wheelDelta;
    var csp = window.pageYOffset;
    window.scrollTo(0, csp - wd);
  });
}

​

Answer 2

javascript防止在Internet中滚动时抖动背景图像

这是一个用于禁用平滑滚动的javascript。将脚本放入html代码中的head部分或body部分底部的脚本标记中。

演示

​

if(navigator.userAgent.match(/Trident\/7\./)) {
  document.body.addEventListener("mousewheel", function() {
    event.preventDefault();
    var wd = event.wheelDelta;
    var csp = window.pageYOffset;
    window.scrollTo(0, csp - wd);
  });
}

​