Javascript 如何减少滚动条的范围空间，使其与div高度不同？

我想调整滚动条移动的空间大小。 我不希望它影响我可以滚动多少。 看下面的图片（我的画），更好地理解我的意思

我使用的是chrome，所以webkit是可行的

谢谢你的回答

---

（顺便说一句，我很想缩小图像尺寸，但我不知道怎么做！我很抱歉！）

如果不嵌套另一个元素并调整其高度，您只需使用一个巨大的

边框底部

，并使用

轮廓

属性在元素周围放置一个可见边框，例如

div {
  width: 200px;
  height: 300px;
  outline: 1px #9bc solid;
  border-bottom: 50px transparent solid;
}

---

结果

---

您不能更改滚动条的高度，但可以使用-webkit滚动条重新设计滚动条，如下所示：

    ::-webkit-scrollbar {
        width: 5px;
        height: 10px;
        background: transparent;

    }

    ::-webkit-scrollbar-thumb {
        background-color: #808080;
    }