jquery - 溢出-x 以避免浏览器中的任何水平滚动

Question

问题解决 了，所以我有这个问题，我无法为生活弄清楚：

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

问题是如果你强迫你的鼠标向右滚动，它会滚动不必要的滚动，显然这是万恶之源：

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

但没有做任何事情。

解决方案 我只需要在 html 上添加这个： html {overflow: hidden; overflow-y: auto;}...谢谢大家

score 1 · Accepted Answer

解决方案我只需要在 html 上添加这个： html {overflow: hidden; 溢出-y：自动；}...谢谢大家

score 0 · Accepted Answer

更改这些设置...这些扩展方式延伸到您的部分/div 和正文的右侧。

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

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

score 0 · Accepted Answer

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

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

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

希望它也能帮助你。

3 回答 3