html - 固定菜单在 IE 上移动

Question

我创建了一个固定的垂直菜单并使用以下方法对其进行了修复:

#main-menu {
  position: fixed;
  left: 0;
  top: 50px;
}

在 Chrome 和 Firefox 上运行良好。但是在 IE (11, 10, 9) 上，滚动页面时菜单会移动(摇动)。

我在 jsFiddle 中重现了这个问题:http://jsfiddle.net/4f8WA/2/

Answer 1

这是由 IE 的平滑滚动功能引起的，该功能为 IE11 的所有 Windows 8 用户打开。您可以通过转到 Internet 选项、高级并取消选中使用平滑滚动来测试它。它解决了这个问题。但您网站的所有用户都不会这样做。下面是解决方案。

这是一个 js 修复。

Fiddle

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