Question

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

第一路

Hide html horizontal but not vertical scrollbar

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

第二路

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

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

有没有办法以这种方式完全删除水平滚动条？单击用户界面时甚至没有显示。

Answer 1

通过底部滚动条，我假设您指的是水平滚动条。当您的内容与元素的宽度重叠时，会出现此信息。

作为最佳做法，您应该对齐您的内容，使其无需水平滚动即可查看。您甚至可能希望包含一些填充以使眼睛更容易。

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

使用隐藏属性，内容将被剪裁，滚动功能将被禁用，滚动条也不会显示。