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

Question

我一直在研究一个单页的视差测试站点，在滚动时我一直在努力在IE11中抖动或抖动图像。这是网站：http://magzim.atwebpages.com/

它在Mozilla和Chrome中运行良好。我根据this以及与此问题相关的其他答案尝试了以下解决方案。没有任何积极的结果。

1）diable水平滚动

2）缩小图像尺寸

3）高级选项中的diable平滑滚动

4）问题可以通过改变“＃”位置来解决。 divs修复了＆＃39;。但是我必须改变我的整个剧本，因为它依赖于相对的图像。

怪异的事情是：当我检查一个元素＆＃39;使用＆＃34;开发人员工具＆＃34;相当于IE11（称为DOM-explorer？），抖动停止!!!!因此，在滚动时激活DOM-explorer可以防止div的抖动！

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

谢谢！

Magzim

Answer 1

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

这是一个用于禁用平滑滚动的JavaScript。将它放在html代码的head部分或body部分的底部。

Demo

＆＃13;

＆＃13;

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);
  });
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

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

Demo

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);
  });
}