html子元素滚动时 禁止父元素滚动
时间: 2023-11-09 07:13:58 浏览: 378
一个VUE组件子元素scroll父元素容器不跟随滚动兼容PC移动端
可以使用CSS的`overflow`属性来实现。将父元素的`overflow`属性设置为`hidden`,并将子元素的`overflow`属性设置为`auto`或`scroll`,这样当子元素滚动时,父元素就不会跟着滚动了。
示例代码如下:
HTML:
```html
<div class="parent">
<div class="child">
<!-- 子元素内容 -->
</div>
</div>
```
CSS:
```css
.parent {
overflow: hidden;
}
.child {
overflow: auto;
}
```
其中,`.parent`为父元素的类名,`.child`为子元素的类名。将上述CSS代码添加到样式表中即可实现禁止父元素滚动的效果。
阅读全文