position: fixed;内部元素不滚动
时间: 2023-08-15 11:06:06 浏览: 183
js 固定位置的层 不随滚动条滚动
5星 · 资源好评率100%
要使 position: fixed; 的元素内部的内容不滚动,可以使用 CSS 的属性 overflow。通过设置 overflow 属性为 auto 或 hidden,可以控制元素滚动行为。
例如,如果你有一个具有固定位置的容器元素,并希望其内部的内容不滚动,可以这样设置:
```css
.container {
position: fixed;
overflow: hidden;
}
```
这将禁止容器元素内部的内容产生滚动条。如果你希望内容仍然能够滚动,但是滚动条不出现,可以将 overflow 属性设置为 auto。
```css
.container {
position: fixed;
overflow: auto;
}
```
这样,当内容超出容器的尺寸时,会自动出现滚动条。你可以根据需要选择合适的 overflow 值来实现你想要的效果。
阅读全文