[CSS]关闭浏览器横向/纵向卷轴方法

通常不太会需要使用到把浏览器或文本的卷轴,但特殊情况下会需要整个版面进行固定,

但固定之后,明明没有超出宽度或高度,硬是跑出这个碍眼的卷轴,造成整个页面的美感破坏。

这时候就可以关闭卷轴来强制画面整体性。

可以使用:

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中,将整个网页的横向卷轴隐藏,直向卷轴显示。

只需简单的几个文字就可以达成理想效果。

分享出去: