隐藏横向或纵向滚动条

怎样隐藏横向滚动条?

在最近一个项目中,公司客户要求在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;">

  • 0
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

肥胖的柠檬

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值