通常不太会需要使用到把浏览器或文本的卷轴,但特殊情况下会需要整个版面进行固定,
但固定之后,明明没有超出宽度或高度,硬是跑出这个碍眼的卷轴,造成整个页面的美感破坏。
这时候就可以关闭卷轴来强制画面整体性。
可以使用:
overflow-y:控制直向卷轴显示方式
overflow-x: 控制横向卷轴显示方式
显示方式的控制有以下三种,只需依照需求将控制的代码放到上方冒号后面即可。
hidden:表示强制隐藏、scroll:让卷轴显示 、auto:依实际情况自动调整是否显示
不论是横向或直向卷轴,一次只能设定一种显示方式,显示方式后方须加上分号;。
范例一:
针对指定项目进行设定
<textarea rows="12" name="TxtMemo" cols="20" style="overflow-y: scroll; overflow-x: hidden;"></textarea>
上面的例子是将文字输入区横向卷轴隐藏,直向卷轴显示。
范例二:
body {
overflow-y: scroll;
overflow-x: hidden;
}
上面的例子是透过将代码放入CSS Style中,将整个网页的横向卷轴隐藏,直向卷轴显示。
只需简单的几个文字就可以达成理想效果。