首页 > html > faq > 11.html隐藏显示滚动条

11.html隐藏显示滚动条

overflow-y 这个样式控制纵向滚动条.overflow-x 这个样式控制横向滚动条.

1 html css强制显示滚动条

/*大屎蛋教程网 http://dashidan.com*/
html { overflow: scroll; }

2 html css强制隐藏滚动条

css示例代码:

html { overflow: hidden; }

3 强制显示水平滚动条

css示例代码:

html { overflow-x: scroll; }

注: 这样设置垂直滚动条不显示

4 强制显示垂直滚动条

css示例代码:

html { overflow-y: scroll; }

注: 这样设置水平滚动条不显示

5 html网页始终显示滚动条

以纵向滚动条为例,通过css给元素设置样式overflow-y:scroll;可以控制始终显示竖滚动条.

overflow-y:scroll;

6 html网页自动显示滚动条

通过css给元素设置样式overflow-y:auto;当超过屏幕高度时显示竖滚动条.

overflow-y:auto;
转载请保留原文链接.