overflow-x以避免在浏览器中进行任何水平滚动

Question

问题已解决 所以我有这个问题，我不能为生活弄清楚：

我在整个页面上显示了一个下拉列表，无论大小如何，这似乎都有效：

http://jsfiddle.net/Riskbreaker/y9wZz/

问题是如果你强行将鼠标向右移动它滚动不必要的滚动，显然这是所有邪恶的根源：

.dd {
    margin: 0 -1000em;
    padding: 0 1000em;
    position: absolute;
    top: 100%;
    visibility: hidden;
}

我试过了：

body {overflow-x: hidden;}

（注意我也试过HTML overflow-x） ..... 当然它会删除滚动条（水平）但这不是问题....如果你试图强制它，那么FF会听，并且根本不滚动，但其余的...... Chrome / IE / Safari会滚动....是否有解决方案使这项工作？

这个人有类似但没有回答： overflow-x:hidden still can scroll

最后我试过这个：

$(element).scroll(function () {
    this.scrollLeft = 0;
});

但没有做任何事情。

解 我只需要在html上添加： html {overflow: hidden; overflow-y: auto;} ...谢谢所有

Answer 1

解决方案我只需要在html上添加：html {overflow：hidden; overflow-y：auto;} ...谢谢所有

Answer 2

更改这些设置......这些设置会延伸到您的sections / div和body的右侧。

保证金：0 -1000em; 填充：0 1000em;

我分别将它改为-100px和100px，它仍然略微向右滚动，但停了下来。

Answer 3

我已经完成了所有其他解决方案，但不幸的是，它们都没有为我工作。

我有一个最简单的解决方案，那就是css规则

.nicescroll-rails-hr{display:none!important}

希望它也能帮到你。