首页 > 解决方案 > 如何在不使用溢出“隐藏”的情况下隐藏滚动条?

问题描述

图像1

在此处输入图像描述

在此图像中,没有滚动条,但如果我在图表组件 div 元素内向下滚动,则会出现滚动条

带有滚动条的 image2

在此处输入图像描述

如何在不设置的情况下隐藏该滚动条overflow: hidden

参考

在此处输入图像描述

在此处输入图像描述

标签: htmlcss

解决方案


只需像这样使用它的CSS:

selector-with-overflow::-webkit-scrollbar {
    width: 10px;
    visibility: hidden;
    display: none;
}

通知不适用于所有浏览器,但应该适用于最常见的浏览器


推荐阅读