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

我正在从底部完全移除水平滚动条。我尝试了以下方法。如何从UI中完全删除底部滚动条css

1路

第一次加载页面时这样工作。但是当我点击UI时。底部滚动条出现，但不可滚动和禁用。所以UI会略微收缩，而禁用的滚动条显示在底部。

第二方式

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

这移除了所有的UI滚动条。甚至没有显示垂直滚动条。即使是onclick，也不显示垂直和水平滚动条。

有没有办法以这种方式完全移除水平滚动条？甚至在点击UI时都不会显示。

如果这是一个正常的网站，你应该结构和风格的页面，以便它不会溢出水平 –

无论哪种方式，'溢出-X：hidden'已被证实的工作。刚刚测试 –

确定它确实有效。好的解决方案但是，这是一个不让页面超大的浏览器窗口的好习惯@RichardHamilton –

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

作为一种最佳实践，您应该对齐内容，以便在不进行水平滚动的情况下进行查看。你甚至可能想要包含一些填充以使其更容易在眼睛上。

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

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

2015-11-27 04:36:41

现在看起来不错:) –

但问题是当我点击ui时。底部滚动条是appreared。但它被禁用。点击ui时，我甚至不想显示禁用的滚动条。现在它在Chrome中发生。 –

@Waiyan如果工作不正常，你可能想与我们分享一些更多的代码。 –

回答