隐藏横向滚动条或纵向滚动条的解决方案

&">nbsp;   在WEB实际开发过程中,特别是在iframe引用其它网页时,可能大家遇到过这样的问题,当您的页面在框架中的时候,即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%),但横向滚动条依然出现。即使您设置了scrolling=no 也不起作用。

一般情况下,网页都有<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">这个语句,如果网页显示不需要这个语名的,删掉上面的语句,横向滚动条就会没了,此效果在IE浏览器下测试成功,FF浏览器下失败。

在我们需要上面的语句时,我知道的就有五种方法:

 1、设置iframe的属性 scrolling="no"。(此方法把横向滚动条和纵向滚动条都隐藏了,不推荐)

 2、在被包含页的body标签加 scroll="no"。(和上面一样,都是隐藏横向滚动条和纵向滚动条)

 3、被包含页body应用overflow:hidden。当我们需要隐藏横向滚动条时,改成overflow-x:hidden,如:<body style="overflow-x:hidden;">;需要隐藏纵向滚动条时,改成overflow-y:hidden,如:<body style="overflow-y:hidden;">

 4、设置iframe的属性 scrolling="yes"。(设成yes时,IE则会一直出竖直滚动条,而不随便出水平条,推荐)

如果上面的都没有解决问题,那在第五种方法下加上:word-break:break-all;如:

隐藏横向滚动条<body style="overflow-x:hidden;word-break:break-all;">

隐藏纵向滚动条<body style="overflow-y:hidden;word-break:break-all;">

时间: 2024-08-21 17:30:32

隐藏横向滚动条或纵向滚动条的解决方案的相关文章

jquery scroll()方法区分浏览器横向和纵向滚动条的方法

 这篇文章主要介绍了使用jquery scroll()方法区分浏览器横向和纵向滚动条的方法,需要的朋友可以参考下 jquery在scroll()事件里面,我想判断当前滚动条横向还纵向: 我开始用全局变量记录scrollTop的值来判断的,如果前后值没有变就是横向滚动了, 但是页面里有多个滚动条,就要多个全局变量来控制,该怎么判断呢? scroll jquery 区分横向纵向滚动条   解决方法: each一次设置选择器选中对象的scrollLeft/scrollTop就行了,然后绑定scroll

jquery scroll()区分横向纵向滚动条的方法_jquery

jquery在scroll()事件里面,我想判断当前滚动条横向还纵向:我开始用全局变量记录scrollTop的值来判断的,如果前后值没有变就是横向滚动了,但是页面里有多个滚动条,就要多个全局变量来控制,该怎么判断呢?scroll jquery 区分横向纵向滚动条 解决方法:each一次设置选择器选中对象的scrollLeft/scrollTop就行了,然后绑定scroll事件,触发的时候获取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop对比判断是横向还

在iframe中隐藏横向滚动条的方法大全_经验交流

在iframe中隐藏横向滚动条.. 删除DM中自动生成的 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 此句代码. body中这样写: <body style=style="overflow-x:hidden;overflow-y:scroll"> 能隐藏IFRAM

css-如何隐藏该区域内的滚动条

问题描述 如何隐藏该区域内的滚动条 求隐藏上图中的滚动条,h5页面在手机端展示 解决方案 隐藏滚动条隐藏滚动条怎么隐藏滚动条? 解决方案二: 一般都是内容超出body 所以会出现滚动条 你可以 强制不显示滚动条 建议调试一下样式

menu不显示在滚动条内-menu不显示在纵向滚动条内,如图

问题描述 menu不显示在纵向滚动条内,如图 解决方案 如果你已经加了showAs="always"这个属性还没有生效的话,那就是该栏被占满,或者是主题样式的问题了.

利用CSS隐藏textarea右边的Scrollbar滚动条

通常做个textarea,而且行数有限,只需要写三到四行,这样的话,旁边的Scrollbar看起来就很难看了, 下面提供利用CSS隐藏textarea右边的Scrollbar滚动条的方法... [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 或者还可以用以下的方法: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

如何让Word 2013显示垂直滚动条和水平滚动条

在Word2013文档窗口中,用户可以根据需要取消或显示垂直滚动条和水平滚动条,具体操作步骤如下所述: 第1步,打开Word2013文档窗口,依次单击"文件"→"选项"按钮,如图2013072539所示. 图2013072539 单击"选项"按钮 第2步,打开"Word选项"对话框,切换到"高级"选项卡.在"显示"区域选中或取消"显示水平滚动条"和"显示垂直

Word2003页面横向显示和纵向显示混排

  在Word2003中可以轻松实现相同Word文档中页面横向显示和纵向显示的混排效果,设置方法如下所述: 1.在"页面设置"中直接设置 第1步,打开Word2003窗口,将光标定位到需要设置成横向显示的页面首部. 第2步,在Word菜单栏依次单击"文件"→"页面设置"菜单命令,打开"页面设置"对话框.在"方向"区域单击"横向"选项,然后在"预览"区域的"应

横向覆盖,纵向延伸,南台乡“四进”举措让中国人口提更入人心

6月11日将迎来第25个是中国人口日,为了将"控制人口增长.提高人口素质"的基本国策宣传到位,做到横向覆盖,纵向延伸,南台乡采取"四进"举措宣传中国人口日. 进政府,系统了解.举办计划生育人口政策宣讲会,对全体机关干部进行培训讲解,让大家更加全面和系统地了解人口政策,起到模范带头作用. 进村委会,广度宣传.各村悬挂宣传横幅,在村务公开栏以及自然村显要位置张贴宣传海报.刷大字报,起到全乡知晓的作用. 进村入户,深层强化.乡计生办进组入户发放宣传册,宣讲人口计划生育政策