div隐藏滚动条,且有滚动条
时间: 2023-08-31 14:06:51 浏览: 101
DIV常见任务(上) —常规任务(显示滚动条/隐藏div/禁止事件冒泡等等)
要隐藏滚动条并且保留滚动功能,你可以使用CSS中的overflow属性。下面是一个示例的HTML和CSS代码:
HTML:
```html
<div class="scrollable-content">
<!-- 内容 -->
</div>
```
CSS:
```css
.scrollable-content {
overflow: auto;
/* 或者使用 overflow: scroll; */
/* 添加其他样式 */
}
```
上述代码中,`.scrollable-content` 类定义了一个带有滚动条的容器。`overflow: auto;` 或者 `overflow: scroll;` 属性将在需要时显示滚动条,并在内容超出容器高度时允许滚动。你可以根据需要自定义容器的样式。
阅读全文