`

CSS 禁止滚动条

 
阅读更多
http://www.lunelove.com/david/Article.asp?ItemID=92

1、完全隐藏
在里加入scroll="no",可隐藏滚动条;
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;反之,则显示;
3、样式表方法
在里加入style="overflow-x:hidden",可隐藏水平滚动条;
加入style="overflow-y:hidden",可隐藏垂直滚动条。
被包含页面里加入
有一段解释是这样说的:body{ overflow-x:hidden; } 在标准 DTD 下是不可以的
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>
分享到:
评论

相关推荐

    css使用overflow属性控制滚动条的样式

    禁止横向的滚动条 overflow-y: scroll; 总是显示纵向滚动条 以上三个属性设置的值为visible、scroll、hidden、auto visible 默认值。使用该值时,无论设置的width和height的值是多少,其中的内容无论是否超出范围...

    CSS固定层-不随滚动条滚动.htm

    一个html 演示了一个CSS固定层-不随滚动条滚动的效果 有源码

    利用jquery禁止外层滚动条的滚动

    假如我们设定要禁止window的滚动条,我采取的策略是:当鼠标进入到当前区域后,则window的滚动条的高度始终是鼠标进入前的高度 如下的代码: &lt;style type=text/css&gt; .main{ overflow: auto; wi

    css将div层固定显示在页面底部不随滚动条滚动

    复制代码代码如下:#totop{position:fixed;right:10px;bottom:10px;width:100px;height:100px;}

    解决layui数据表格table的横向滚动条显示问题

    } /* 禁止刷新后出现横向滚动条 */ &lt;/style&gt; ps:这个问题fly社区给出的解释是:table 列宽自适应出现横向滚动条的几率一般是比较小的,主要原因是 table 的渲染有时会在浏览器纵向滚动条出现之前渲染完毕,...

    jquery弹窗时禁止body滚动条滚动的例子

    禁止浏览器滚动条滚动: $('body').css({  "overflow-x":"hidden",  "overflow-y":"hidden" }); 关闭弹出的窗口的时候需要显示出来,让浏览器窗口可以继续滚动 还原滚动: $('body').css({  "overflow-x":"auto...

    禁止弹窗中蒙层底部页面跟随滚动的几种方法

    但是,在蒙层元素中滑动的时候,滑到内容的尽头时,再继续滑动,蒙层底部的页面会开始滚动,显然这不是我们想要的效果,因此需要阻止这种行为。 那么,如何阻止呢?请看以下分析: 方案分析 方案一 打开蒙层时,给...

    JS效果打包下载-自己整理的一些网站常用JS效果2

    32.随滚动条滚动代码.html 33.随即显示名人名言.html 34.腾讯图文轮换网页特效.html 35.腾讯新闻中心栏目焦点滚动效果.html 36.网页顶部可关闭banner效果.html 37.网页禁止复制代码.html 38.网页自动跳转代码.html ...

    ASP.NET开发实战1200例(第Ⅰ卷)第十二章

    第12章 CSS样式与JavaScript脚本 应用 458 ...实例324 在刷新或提交页面后保持页面滚动条 的位置 505 实例325 Javascript和C#之间的互相调用与 访问 506 实例326 制作网站后管理页中自动伸缩的菜单 507

    《程序天下:JavaScript实例自学手册》光盘源码

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

    程序天下:JavaScript实例自学手册

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

    artDialog_Demo

    2、 修正IE7锁屏的时候滚动条没有禁止的问题 3、 让焦点自动附加到确定按钮或者关闭按钮 v2.0.8 1、 修正超大对话框并使用定位时候可能被截取的BUG 2、 修复Opera无法正确处理对话框叠加高度(z-index)的BUG 3...

    javascript网页特效实例大全(8-12)

    实例268 广告随滚动条漂移 418 9.4 页面动画效果 419 实例269 下雪 419 实例270 飘落的枫叶 421 实例271 下雨 423 实例272 背景的烟花效果 425 实例273 变色的圆圈 427 实例274 滚动的光环 429 实例...

    JavaScript网页特效范例宝典源码

    实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65 实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用...

    IBM WebSphere Portal门户开发笔记01

    74、去掉浏览器中的滚动条 353 75、IFRAME滚动条样式 353 76、JS键盘事件 355 77、JS鼠标事件大全 355 78、JS滚动条滚动时监听 360 79、FRAMESET结构 361 80、设置SELECT为列表结构 361 81、JS获取鼠标位置 364 82、...

    ExDirectUI4.1[作者:泆寒(YHan)]

    [+] EOS_DISABLENOSCROLL (滚动条不可用时禁止而不隐藏) [4.1.18.313] [+] 增加缓动机制,详见demo [!] 修改了Ex_ObjCallProc的参数,新增最后一个参数 [+] 新增“脚本分发信息_Ex”结构,方便控件处理自定义JS...

    PHP程序开发范例宝典III

    实例094 全屏显示无边框有滚动条窗口 140 实例095 应用JavaScript实现指定尺寸的无边框窗口 142 实例096 应用CSS+DIV实现无边框窗口 143 实例097 通过双击鼠标实现页面自动滚屏 145 3.10 其他 146 实例098...

    34款经典Dreamweaver插件

    设置IE滚动条属性(可应用于整个站点,IE4以上支持) Swap Flash 类别:DW Behavior 文件格式:mxp 像轮换图片一样轮换Flash 动画 Disable View Source Code 类别:DW Command 文件格式:mxp 禁止用户通过...

    超实用的jQuery代码段

    5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维数据的自动完成 第6章 jQuery实现拖放功能 6.1 基本拖放功能 6.2 基于事件的拖放 6.3 限制移动范围的拖放 6.4 延迟进行的...

Global site tag (gtag.js) - Google Analytics