`
wyz191
  • 浏览: 93274 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

frame中隐藏横向滚动条

阅读更多
在网吧客户端项目中使用了frame的方式,布局如下:

uploads/200611/15_111251_table.gif

遇到的问题是当main中的内容超过main的指定高度时,会同时出现竖向和横向滚动条,这是一种极不好的用户体验,理想状态应该是只出现竖向滚动条,我尝试了如下解决方法:

1.直接添加body属性<body style="overflow-x:hidden;">,结果是无效;
(分析原因:overflow-x是IE独有的 css 属性,加上DTD的话可能会被忽略,就像定制滚动条颜色的css属性一样)

2.去掉DOCTYPE声明<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">以后,横向滚动条被限制了,目的虽然达到,但是假设采用div+css布局的话,去掉文档声明会引发更多的问题,所以还需要尝试一些其它的方式;

3.在使用iframe的情况下,可以不删除DOCTYPE声明,设置scrolling="yes",<body style="overflow-x:hidden;">也能生效。

以上是我做的一些尝试,知其然而不知其所以然,但是希望能够在工作中解决一些实际问题。
分享到:
评论

相关推荐

    JavaScript中关于iframe滚动条的去除和保留

    在开发中经常遇到去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条,大家基于js是怎么实现的呢?下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的...

    IOS上iframe的滚动条失效的解决办法

    iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。  问题重现: 结构:  index.html : &lt;style&gt;  #iframe{height:500px;} &lt;/style&gt; ...

    VB编程资源大全(控件 窗体1)

    vbocx10.zip 以及窗体内的控件是否随窗体大小的改变而改变,以及设置窗体是否处于最上方,以及设置窗体是否以爆炸式方式显示(19KB) 72,Easyscroll.zip 为任何控件增加滚动条(41KB) 73,Zcg_3DLabel.zip ...

    VB编程资源大全(控件 窗体2)

    vbocx10.zip 以及窗体内的控件是否随窗体大小的改变而改变,以及设置窗体是否处于最上方,以及设置窗体是否以爆炸式方式显示(19KB) 72,Easyscroll.zip 为任何控件增加滚动条(41KB) 73,Zcg_3DLabel.zip ...

    HTML开发王

    11.2.4 滚动条设置 11.2.5 改变框架窗口大小 11.2.6 框架的描述(title属性、longdesc属性) 11.3 使用目标框架(name属性和target属性) 11.3.1 设置链接默认的目标 11.3.2 目标的优先级 11.3.3 名称和框架标识 11.4 ...

    疯狂Android讲义源码

     2.4.8 滚动视图(ScrollView)的  功能和用法 95  2.4.9 列表视图(ListView和  ListActivity) 95  2.4.10 可展开的列表组件(ExpandableListView) 101  2.4.11 网格视图(GridView)和  图像切换器...

    疯狂Android讲义.part2

    2.4.8 滚动视图(ScrollView) 的 功能和用法 95 2.4.9 列表视图(ListView和 ListActivity) 95 2.4.10 可展开的列表组件(ExpandableListView) 101 2.4.11 网格视图(GridView)和 图像切换器(ImageSwitcher) ...

    疯狂Android讲义.part1

    2.4.8 滚动视图(ScrollView) 的 功能和用法 95 2.4.9 列表视图(ListView和 ListActivity) 95 2.4.10 可展开的列表组件(ExpandableListView) 101 2.4.11 网格视图(GridView)和 图像切换器(ImageSwitcher) ...

Global site tag (gtag.js) - Google Analytics