html - 透明滚动条轨道(div)

无论我尝试哪种方法，都会显示滚动条轨道并将其隐藏在下面。我希望看到下面的内容-不要与总是看到曲目混淆。

我还是想看看拇指。

理想结果：http://lab.cubiq.org/iscroll/examples/simple/

我尝试过的事情：

::-webkit-scrollbar-track {
  display: none !important;
}

不起作用，滚动条轨迹仍显示，将内容隐藏在下面。

::-webkit-scrollbar-track-piece:start {
    background: transparent url('http://myServer/transparent.png') repeat-y !important;
}

::-webkit-scrollbar-track-piece:end {
    background: transparent url('http://myServer/transparent.png') repeat-y !important;
}

相同的故事

::-webkit-scrollbar-track {
    background:transparent;
    border-radius: 0px;
}

不起作用

最佳答案

这应该可以，但是请注意仅适用于Chrome浏览器，并且会遮住拇指。查看您的示例，我认为这就是您想要的。

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

如果您不希望隐藏拇指，为什么不尝试以下操作：

 html{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

 body{
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-right: 17px; /* keep it as 0 initially & check OR Increase/Decrease this value for cross-browser compatibility */
}

注意：padding-right在大多数情况下可能不是必需的。

关于html - 透明滚动条轨道(div)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39353252/