溢出-X，以避免任何水平滚动浏览器

解决掉 所以我有这个问题，我不能生活出：要在整个页面上显示的无论什么溢出-X，以避免任何水平滚动浏览器

我做了一个下拉列表大小，这似乎工作：

的问题是，如果你强迫你的鼠标向右滚动它不需要滚动，显然这是一切罪恶的根源：

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

我尝试这样做：

body {overflow-x: hidden;}

（注意我试着HTML的溢出-X太） .....当然它消除了滚动条（水平）但那不是问题。 ...如果你试图强制它，FF会自动侦听并且根本不会滚动，但其余的...... Chrome/IE/Safari会滚动....是否有解决方案来完成这项工作？

此人也有类似的东西，但在这里没有答案： overflow-x:hidden still can scroll

最后我尝试这样做：

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

但没有做任何事情。

SOLUTION 我只是需要加入这个在HTML： html {overflow: hidden; overflow-y: auto;} ...感谢所有

@Blazemonger - 你在哪里得到这个想法？ Firefox已经理解了'overflow-x' /'overflow-y'好几年了...... – 2013-02-28 16:04:47

@BenD的确，你是对的。显然，我正在考虑“背景位置”。 – Blazemonger 2013-02-28 16:06:12

我在Firefox，Chrome和IE上查看您的jsfiddle，并且在任何地方都看不到任何滚动条。我只是误解？你能提供一个截图吗？ – 2013-02-28 16:12:24

解决方案我只需要在html上添加这个：html {overflow：hidden;溢出 - Y：汽车;} ...谢谢所有

2013-03-05 15:50:36 Riskbreaker

更改这些设置......这些扩展的方式来你的部分/ div的和身体的右侧。

margin：0 -1000em; 填充：0 1000em;

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

2013-02-28 16:25:42

我知道这个特定的设置100px太小，但它说明了什么是造成这个问题。 – 2013-02-28 16:36:41

谢谢，但正如我在我的文章中提到的....这是什么原因导致我需要一种方法使它使用这个...有没有另一种方法让你的下拉菜单100％的整页？ – Riskbreaker 2013-02-28 16:46:03

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

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

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

希望它会帮助你。

2015-02-08 19:35:24 user3539757

回答