在css中设置了overflow:auto,想让子元素从头开始滚动怎么办
时间: 2024-04-13 18:30:12 浏览: 203
如果你希望设置了`overflow: auto`的父元素中的子元素从头开始滚动,你可以使用`scroll-behavior`属性来实现。首先,确保父元素设置了固定的高度或最大高度,以便出现滚动条。然后,将`scroll-behavior`属性设置为`smooth`,这样子元素在滚动时将会平滑地滚动到顶部。
下面是一个示例代码:
```html
<style>
.parent {
height: 200px;
overflow: auto;
scroll-behavior: smooth;
}
</style>
<div class="parent">
<div class="child">子元素1</div>
<div class="child">子元素2</div>
<div class="child">子元素3</div>
<!-- 其他子元素 -->
</div>
```
在这个示例中,`.parent`是设置了`overflow: auto`的父元素,`.child`是子元素。当你滚动父元素时,子元素将平滑地滚动到顶部。
希望以上信息对你有所帮助!如果你还有其他问题,请随时提问。
阅读全文