您的位置：首页 > 其它

隐藏横向或纵向滚动条

2008-12-19 14:48 281 查看

怎样隐藏横向滚动条？

在最近一个项目中，公司客户要求在1024*768分辨率下隐藏横向导航条，找了网上多个方案均无法实现隐藏横向滚动条的问题.

因为只是隐藏横向滚动条，所以不能使用scrolling="no"的办法，因为这样会连纵向也隐藏了

框架包含代码

<iframe src=""; width="710" height="100%" scrolling="auto" align="right" frameborder="0" id="mainframe" name="mainframe" style="overflow:auto"></iframe>

还是再说一下问题的严重性：

在IE7，FIREFOX,OPERA,SAFARI下均是正常的，在IE6下面如果没有出现纵向滚动条的时侯，也不会出现横向滚动条,但是当有纵向滚动条的时侯，横向滚动条出现了

经测试，下面的代码对隐藏横向滚动条是无效的

<body style="overflow-x:hidden">
<body style="overflow:hidden">
<body style=style="overflow-x:hidden;overflow-y:scroll">

经测试，下面的代码不符合我的要求的（不能把纵向也隐藏了）
1. 设置iframe scrolling="no" 横向纵向滚动条都隐藏了
2. 被包含页body应用overflow:hidden 无效
3. 被包含页的body标签加scroll="no" 同1

最终是通过设置body的宽度解决的隐藏横向滚动条,但不隐藏纵向滚动条的

<body style=" margin:0; padding:0; width:670px;">

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航