如何设置垂直滚动条和水平滚动条之间的小方形空间?

时间:2017-05-19 04:46:19

标签: html css

请参阅下面的图片。

enter image description here enter image description here

当垂直和水平滚动条相遇时,会创建一个平方空间。这不仅发生在浏览器窗口上,还发生在有溢出的内部元素中。

在我目前的项目中,空间的颜色会产生无意识的强烈对比,吸引用户的注意力。 如何设置样式,使其颜色与背景颜色相同,甚至更好,"透明"?

2 个答案:

答案 0 :(得分:1)

如果你可以尝试这个css代码

  ::-webkit-scrollbar
    {
        width:0px;
    }
    ::-webkit-scrollbar-track-piece
    {
        background-coor:transparent;
    }

答案 1 :(得分:1)

我来这里参加聚会有点晚了,但万一其他人迷路了……

该特定作品实际上具有其自己的类别:

::-webkit-scrollbar-corner

如果将背景色设置为透明,则角将为空。更好的解决方案是将其设置为与::: webkit-scrollbar中相同的背景颜色,以在两个滚动条之间进行无缝过渡。