CSS 禁止滚动条(隐藏或屏蔽IE滚动条的几种常用方法)

html-css07

CSS 禁止滚动条(隐藏或屏蔽IE滚动条的几种常用方法),第1张

CSS 禁止滚动条,有4种方法,具体如下:

1、完全隐藏

在<boby>里加入scroll="no",可隐藏滚动条;

<boby scroll="no">

2、在不需要时隐藏

指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;

反之,则显示;

<boby scroll="auto">

3、样式表方法

在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条;

加入style="overflow-y:hidden",可隐藏垂直滚动条。

被包含页面里加入

<style>

html { overflow-x:hidden }

</style>

4、另一种方法

<style type="text/css">

body {

overflow-x:hidden

overflow-y:hidden

}

</style> 

<style type="text/css">

html {

overflow-x:hidden

overflow-y:hidden

}

</style>

给页面加标签:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

如果加了标签还不行,可能是因为有的时候如果页面内部的某些元素超出了设备宽度之外,也会导致可以移动,这这属于css布局的问题。