允许滚动但隐藏滚动条。

34 浏览
0 Comments

允许滚动但隐藏滚动条。

这个问题已经有了答案：：

隐藏滚动条，但仍能滚动

我有一个包含如下元素样式的 div：

 < id="DivTableContainer" >

当它高度超过300像素时，我需要允许在y轴上滚动，这是可行的。但我需要将滚动条自身的 \"visiblity = false\" 设置为隐藏。

我尝试使用这个元素样式：

overflow-y: hidden;

虽然它隐藏了滚动条，但也禁止了滚动。有没有一种方法可以在不显示滚动条的情况下实现滚动？

admin 更改状态以发布 2023年5月20日
0

2 答案

0 Comments

我知道这可能是一个老问题，但这里有一个使用纯CSS快速隐藏滚动条的方法。

只需添加 

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

到你正在使用滚动条的div的id或class中即可。

这里有一个有用的链接：WebKit中的自定义滚动条

0
0 Comments

如果在HTML中使用两个div容器会更好。

如下所示：

HTML：

        // Content here

CSS：

 #container1{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
 #container2{
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-right: 20px;
}

0