在网吧客户端项目中使用了frame的方式,布局如下:
遇到的问题是当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;">也能生效。
以上是我做的一些尝试,知其然而不知其所以然,但是希望能够在工作中解决一些实际问题。
分享到:
相关推荐
NULL 博文链接:https://fengbin2005.iteye.com/blog/1911553
组合框 列表框 滚动条 组合框 列表框 滚动条 组合框 列表框 滚动条
在开发中经常遇到去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条,大家基于js是怎么实现的呢?下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的...
滚动条美化插件,很好用,大家可以下载下来试试
iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...
Delphi中frame的使用Delphi中frame的使用Delphi中frame的使用Delphi中frame的使用Delphi中frame的使用
一种简便的方式让你的网站拥有Mac OS X Lion样式的滚动条。 不需要使用frame框架来实现滚动功能就能实现滚动的实例。
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语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 FRAMEC语言头文件 ...
iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。 问题重现: 结构: index.html : <style> #iframe{height:500px;} </style> ...
frame与frame之间如何用JavaScript传值
JS 在Div中frame操作应用 JS 在Div中frame操作应用 JS 在Div中frame操作应用 JS 在Div中frame操作应用 JS 在Div中frame操作应用
MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 FRAME2.03MFC源代码 ...
编写,在Frame中加入2个按钮(Button)和1个标签(Label),单击两个按钮,显示按钮的标签于Label。
这里使用jquery实现当拖动滚动条的时候,Li滚动列表中的内容会自动随滚动条变化而下移,并自动添加样式。 运行效果截图如下: 具体代码如下: <html lang=en> <head> <meta charset=utf-8> <...
MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 FRAME7.03MFC源代码 ...
原来用过,没有太在意,最近又用到。... 参数: 1.visible :不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 2.auto :此为b
查了很多的资料,都是说这个问题在frame中是无法解决得,也就是说frame没有设置可以修正这个问题。唯一的解决办法就是用JavaScript画动态层或动态定位已存在的子菜单层。在网上找到一款非常强大的菜单框架:menuG5,...
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
KVO监听UI控件的frame变化,kVO的简单使用