解决掉 所以我有这个问题,我不能生活出:要在整个页面上显示的无论什么溢出-X,以避免任何水平滚动浏览器
我做了一个下拉列表大小,这似乎工作:
http://jsfiddle.net/Riskbreaker/y9wZz/
的问题是,如果你强迫你的鼠标向右滚动它不需要滚动,显然这是一切罪恶的根源:
.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