这个问题可能是因为你没有正确设置div的overflow属性。Overflow属性用于定义元素在屏幕中的可见性，分为三个级别：auto、hidden、scroll。

如果你想让div的高度随滚动条的滚动而改变，你可以设置Overflow为"auto"。如果你想让div的高度固定，你可以设置Overflow为"hidden"。

如果你想让div的滚动条出现，你可以设置Overflow为"scroll"。如果你想让div的滚动条不可见，你可以设置Overflow为"hidden"。

如果你想让鼠标滚轮滚动无效，你可以在div的Overflow属性中添加"non-scrollbar"。这样，鼠标滚轮滚动时，div的高度不会随滚动条的滚动而改变。

下面是一个例子：

```html

```

```css .scrollable { overflow: auto; height: 100vh; position: relative; padding-bottom: 50%; background-color: #f1f1f1; }

.scrollable .scrollable-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; transition: all 0.5s; }

.scrollable .scrollable-content::-webkit-scrollbar { width: 8px; }

.scrollable .scrollable-content::-webkit-scrollbar-thumb { background-color: #555; border-radius: 8px; }

.scrollable .scrollable-content::-webkit-scrollbar-thumb:hover { background-color: #333; } ```

在这个例子中，scrollable-content是div的高度。scrollable-content::-webkit-scrollbar是div的滚动条。scrollable-content::-webkit-scrollbar-thumb是div的滚动条按钮。scrollable-content::-webkit-scrollbar-thumb:hover是div的滚动条按钮在鼠标悬停时的背景颜色。