javascript - 如何从 css 中的 UI 中完全删除底部滚动条

我正在从底部完全移除水平滚动条。我尝试了以下方法。

第一种方式

Hide html horizontal but not vertical scrollbar

这种方式在页面首次加载时有效。但是当我点击 UI 时。底部滚动条出现但不可滚动和禁用。因此 UI 会略微缩小，底部会显示禁用的滚动条。

第二种方式

::-webkit-scrollbar {
    display: none;
}
::-moz-scrollbar {
    display: none;
}
::-o-scrollbar {
    display: none;
}

这从 UI 中删除了所有滚动条。甚至没有显示垂直滚动条。即使是onclick，垂直和水平滚动条都不显示。

有没有办法通过这种方式完全去除水平滚动条？点击UI时甚至不显示。

最佳答案

对于底部滚动条，我假设您指的是水平滚动条。当您的内容与元素的宽度重叠时，会出现这种情况。

作为最佳做法，您应该对齐内容，使其无需水平滚动即可查看。您甚至可能想要添加一些填充物，让眼睛看起来更舒服。

但如果需要，您可以设置overflow-x 属性并设置为hidden。

使用隐藏属性，内容被裁剪，滚动被禁用并且滚动条不出现。

关于javascript - 如何从 css 中的 UI 中完全删除底部滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33950317/