展会信息港展会大全

css隐藏滚动条(横向,坚向)
来源:互联网   发布日期:2016-03-25 16:07:03   浏览:2065次  

导读:css隐藏滚动条我们在网上找都是说使用overflow-y:hidden了,这样我看了只能针对div元素了,并不能隐藏浏览器,后来接着gg找,下面找到了一些方法,分享给各位看看一些资料说 <...

css隐藏滚动条我们在网上找都是说使用overflow-y:hidden了,这样我看了只能针对div元素了,并不能隐藏浏览器,后来接着gg找,下面找到了一些方法,分享给各位看看

一些资料说 <boby>里加入scroll="no",可隐藏滚动条;

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

1、完全隐藏

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

2、在不需要时隐藏

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

3、样式表方法

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

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

被包含页面里加入

有一段解释是这样说的:body{ overflow-x:hidden; } 在标准 DTD 下是不可以的

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; }

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

最终的解决办法:

在页面添加:

代码如下

复制代码

<style>

html { overflow-x:hidden; //隐藏水平滚动条overflow-y:hidden;//隐藏垂直滚动条}

</style>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

相关内容
AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港