在IE中使用水平滚动的顶部固定菜单

Question

我创建了带水平滚动的顶级菜单栏，top属性正在通过JS设置：

$(document).on('scroll', function() {
    $('#headers').css('top', $(this).scrollTop());
});

问题是当我在IE中垂直滚动页面时，菜单栏也试图滚动并且它看起来不太好。有什么想法来解决这个问题吗？

JSFiddle demo

Answer 1

这能为您提供所需的输出吗？

#headers {
  overflow: hidden;
}

Answer 2

工作示例：http://jsfiddle.net/khristopherallen/f15vybt7/

如果将#headers更改为固定位置，则不需要jQuery。然后，您只需要在页面顶部添加一些边距，这样内容就不会在标题下面开始。

#headers {
    background-color: #333;
    margin: 0px 0px 0px 0px;
    top: 0;
    left:0;
    width: 100%;
    z-index:600;
    position: fixed;
}