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

Question

我有这个制作 webkit 滚动条的 css 代码。

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

这将使滚动条紧挨着屏幕边缘。有什么方法可以在屏幕边缘和滚动条之间放置一些空间？

Answer 1

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

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