css强制隐藏浏览器滚动条方法

强制显示滚动条:

 代码如下 复制代码

html { overflow: scroll; }

强制隐藏滚动条:

 代码如下 复制代码

html { overflow: hidden; }

隐藏IE的水平滚动条:

 代码如下 复制代码

html { overflow-x: hidden; }

隐藏IE的垂直滚动条:

 代码如下 复制代码

html { overflow-y: hidden; }

强制显示IE的水平滚动条:

 代码如下 复制代码

html { overflow-x: scroll; }

强制显示IE的垂直滚动条:

 代码如下 复制代码

html { overflow-y: scroll; }

强制显示Mozilla的水平滚动条:

 代码如下 复制代码

html { overflow:-moz-scrollbars-horizontal; }

注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.

强制显示Mozilla的垂直滚动条:

 代码如下 复制代码

html { overflow:-moz-scrollbars-vertical; }

注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.

这么多我们都会有注意到一个html这个,所有的隐藏浏览器滚动的我们都利用了html属于来定义了。

时间: 2024-10-24 12:19:47

css强制隐藏浏览器滚动条方法的相关文章

javascript-js如何隐藏浏览器滚动条却能保持内容滚动?

问题描述 js如何隐藏浏览器滚动条却能保持内容滚动? 尝试了 document.documentElement.style.overflowY = 'hidden'; 隐藏了滚动条但内容不能滚动了. 或是 ::-webkit-scrollbar { width: 0px; } 但是只有 chrome 能用. 请问有没有办法隐藏浏览器滚动条却能保持内容滚动? 还有能不能通过JS获取或者更改 滚动条(不是scrollHeight,而是那个bar的高度)的高度? 解决方案 添加mousewheel事件

CSS强制英文单词换行的方法

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html <div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div> css #wrap{white-space:no

学习:使用CSS修改IE浏览器滚动条的参数

css|浏览器 有朋友常提关于IE滚动条的问题,特总结该贴.简单地介绍一下涉及浏览器滚动条的样式表内容(某些样式需ie5.5+才能支持): 1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值).scroll.hidden.auto. 2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)scrollbar-ar

使用CSS样式控制浏览器滚动条的参数总结【zz】

在做到一定特殊风格的网站时候常常为了美观我们需要更改滚动条的颜色及相关设置.那么如何使用标准的样式来控制滚动条呢?经过多次的尝试和总结,我们来简单地介绍一下涉及浏览器滚动条的样式表内容(某些样式需ie5.5+才能支持): 1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)    overflow-x水平方向内容溢出时的设置    overflow-y垂直方向内容溢出时的设置    以上三个属性设置的值为visible(默认值).scroll.hidden.auto. 2.scr

CSS强制换行几种方法(1/3)

一.white-space 可以实现html中pre标签的效果,以及单元格的nowrap效果,点此查看示例.  example source code [www.111cn.net] 语法: white-space : normal | pre | nowrap 取值: normal: 默认值.默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行 pre: 换行和其他空白字符都将受到保护.这个值需要ie6+或者 !doctype 声明为 standards-compliant mod

css expression IE6浏览器滚动条无限往下拉

问题描述 CSS代码如下:.btfixed{width:1000px;margin:0auto;overflow:hidden;}.btfixed.btfixed_img{position:fixed;bottom:0;z-index:9999;_position:absolute;_left:auto;_top:expression(eval(documentElement.scrollTop+document.documentElement.offsetHeight-77));} HTML代

DIV CSS隐藏内容样式方法大全

 DIV CSS网页布局有很多值得学习的地方,这里和大家重点讨论一下DIV CSS隐藏内容样式方法,相信本文介绍一定会让你有所收获.   DIV CSS隐藏内容样式方法   CSS隐藏的用途   1.对文本的隐藏   2.隐藏超链接(另类黑链)   3.对统计代码隐藏   4.隐藏超出图片   5.CSS隐藏滚动条   6.CSS来隐藏DIV层   使用CSS隐藏方法   1.使用display:none;来隐藏所有信息(无空白位占据)推荐,CSSdisplay手册查看   2.使用overfl

CSS隐藏文字的方法

h1标签对提高SEO关键词排名的作用想必是个站长都知道,但是h1标签会使文字变大,有时候会在网页中显得格格不入.下面小编来跟大家分享下CSS隐藏文字的方法. 下面就拿网络教学基地logo部分用CSS隐藏文字来给大家举例: 我们从h1代码部分看到的其实只是文字描述,但是为了整体美观考虑,我们把h1标签里面的a链接文字用CSS隐藏,并且设置背景图片logo,这样外观看到的就是logo图片 CSS隐藏文字代码: h1 a { height: 80px; width: 280px; float: lef

jQuery实现浮动层随浏览器滚动条滚动的方法_jquery

本文实例讲述了jQuery实现浮动层随浏览器滚动条滚动的方法.分享给大家供大家参考.具体如下: 这是jQuery实现的一个浮动层效果,随浏览器滚动条而滚动,并一直保持在顶部位置,请使用火狐测试,IE下表现不尽理想. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-float-follow-nav-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0