`
wyz191
  • 浏览: 93671 次
  • 性别: 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;">也能生效。

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

相关推荐

    frame页面双滚动条问题

    NULL 博文链接:https://fengbin2005.iteye.com/blog/1911553

    vb控件---列表框和滚动条

    组合框 列表框 滚动条 组合框 列表框 滚动条 组合框 列表框 滚动条

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

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

    滚动条美化

    滚动条美化插件,很好用,大家可以下载下来试试

    iframe高度自适应及隐藏滚动条的实例详解

    iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...

    Delphi中frame的使用

    Delphi中frame的使用Delphi中frame的使用Delphi中frame的使用Delphi中frame的使用Delphi中frame的使用

    js滚动条实例

    一种简便的方式让你的网站拥有Mac OS X Lion样式的滚动条。 不需要使用frame框架来实现滚动功能就能实现滚动的实例。

    frame左边显示隐藏.rar

    if (parent.document.getElementById('pageframe').cols=="218,8,*"){ parent.document.getElementById('pageframe').cols="0,8,*"; imgid.src="gd2.gif"; } else{ parent.document.getElementById('pageframe')....

    C语言头文件 FRAME

    C语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 ...

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

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

    frame与frame之间如何用JavaScript传值

    frame与frame之间如何用JavaScript传值

    JS在Div中frame操作应用

    JS 在Div中frame操作应用 JS 在Div中frame操作应用 JS 在Div中frame操作应用 JS 在Div中frame操作应用 JS 在Div中frame操作应用

    MFC源代码 FRAME2.03

    MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 ...

    Application程序,在Frame中加入2个按钮(Button)和1个标签(Label)

    编写,在Frame中加入2个按钮(Button)和1个标签(Label),单击两个按钮,显示按钮的标签于Label。

    jquery实现Li滚动时滚动条自动添加样式的方法

    这里使用jquery实现当拖动滚动条的时候,Li滚动列表中的内容会自动随滚动条变化而下移,并自动添加样式。 运行效果截图如下: 具体代码如下: &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=utf-8&gt; &lt;...

    MFC源代码 FRAME7.03

    MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 ...

    css实现div自动添加滚动条(图片或文字等超出时显示)

    原来用过,没有太在意,最近又用到。... 参数: 1.visible :不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 2.auto :此为b

    JavaScript中Frame的菜单menuG5

    查了很多的资料,都是说这个问题在frame中是无法解决得,也就是说frame没有设置可以修正这个问题。唯一的解决办法就是用JavaScript画动态层或动态定位已存在的子菜单层。在网上找到一款非常强大的菜单框架:menuG5,...

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层

    iOS KVO 监听frame

    KVO监听UI控件的frame变化,kVO的简单使用

Global site tag (gtag.js) - Google Analytics