Question

嘿是否可以使滚动条＆＃34;隐藏＆＃34;我不想使用溢出-y：隐藏就像背景：透明或类似的东西

Answer 1

有一个CSS规则可以隐藏基于Webkit的浏览器（Chrome和Safari）中的滚动条。该规则是：

.element::-webkit-scrollbar { width: 0 !important }

你可以改变宽度/背景颜色和其他属性。

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
}

此css代码可能有效

Answer 2

Here您将找到如何使用CSS隐藏滚动条的说明在第二个example中，您将找到一个解决方案，例如如何隐藏div中的滚动条第二个例子中的技巧是定义一个比周围更宽的div容器。

drop user "BABBLER GROUP" CASCADE

只需使用边距和填充值播放arround。

Answer 3

在Webkit浏览器中：

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

如何使滚动条不可见 - 透明

3 个答案: