在webkit滚动条和屏幕边缘之间放置一些空格

Question

我有这个使用webkit滚动条的css代码.

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

这将使滚动条紧靠屏幕边缘.有什么办法可以在屏幕边缘和滚动条之间留出一些空间吗？

Answer 1

这是我认为你在谈论的一个有趣的解决方案; 他们实际上将填充/位置放在body元素上:

body {
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    padding: 30px; 
    overflow-y: scroll;
    overflow-x: hidden;
}