IE中带有水平滚动的顶部固定菜单

Question

我用水平滚动创建了顶部菜单栏， top属性是通过JS设置的：

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

问题是，当我在IE中垂直滚动页面时，菜单栏也试图滚动，但效果不好。 有什么解决办法吗？

JSFiddle演示

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