html中的滚动条

Posted 2023-05-08

【中文标题】html中的滚动条

【英文标题】：Scrollbar in html

【发布时间】：2021-11-18 19:05:00

【问题描述】：

有人可以帮我解决这个问题吗？

我的 html 页面使用来自 admin-LTE 的模板，并且我的页面中有 2 个“scrollbar-y”。我可以从 admin-LTE 中删除滚动条吗？因为我试过了，它可以删除 1 个滚动条但我无法滚动到我的页脚页面

【参考方案1】：

你可以试试这个，我以前用这个来让滚动条消失我不知道它是否会摆脱它们。

::-webkit-scrollbar 
  display: none;

【参考方案2】：

将overflow:hidden;添加到要移除滚动条的元素的css中

【参考方案3】：

您可以使用以下CSS 或JS 方法隐藏滚动：

CSS方式：

#element-id
  overflow-y:hidden
 

或者使用JS方式：

document.getElementById("your-id").style.overflowY="hidden" 

【讨论】：

您知道使用JS 方法会导致reflow 或layout 发生吗？

【参考方案4】：

尝试在发生滚动的元素上应用溢出 css，希望它会得到解决

overflow:hidden;