首页 > 编程知识 正文

隐藏横向滚动条 CSS隐藏横向滚动条代码,css隐藏滚动条可以滚动

时间:2023-05-06 10:45:22 阅读:272127 作者:719

2019独角兽企业重金招聘Python工程师标准>>>

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


框架包含代码

<iframe src=”dayanmei.php”; 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;”>


* 今天刚找到一方法,可以完全解决隐藏横向滚动条问题,直接在页面中添加以下CSS代码就OK了:


html{overflow-x:hidden; overflow-y:auto;}


转载于:https://my.oschina.net/wmsjhappy/blog/273802

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。