隐藏横向或纵向滚动条

news/2024/7/5 10:06:52

怎样隐藏横向滚动条?

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


http://www.niftyadmin.cn/n/2404692.html

相关文章

ASP.NET AJAX 与 FileUpload

FileUpload放在updatepanel中,回调时发现上其属性hasfile为false。解决方案如下&#xff1a; 方案一、如果将scriptmanager的enablepartialrending设为false则可以正确上传&#xff0c;这个方法最简单&#xff0c;但是会有缺陷&#xff0c;就是在同一个页面上的多个UpdatePane…

导出excel的四种方法

据我现在所知excel有四种方法&#xff1a;1.自己写的excel接口&#xff0c;客户端不需要装excel&#xff0c;见灵感之源的blog:http://www.cnblogs.com/unruledboy/archive/2004/07/07/22093.aspx 2.把web上的DataGrid直接导入到excelpublic void ExportToExcel(System.Web.UI…

GridView 72般绝技,Javascript与asp.net 实现Ajax多文件无刷新上传,在ASP.NET中执行URL重写经典方案

C#精髓 第四讲 GridView 72般绝技 http://blog.csdn.net/cngkqy/archive/2008/11/24/3360965.aspx Javascript与asp.net 实现Ajax多文件无刷新上传 http://blog.csdn.net/cngkqy/archive/2008/02/01/2076597.aspx 在ASP.NET中执行URL重写经典方案 http://blog.csdn.net/cngk…

PHP手册翻译日记[3]

所有编译错误清除。我处理错误时顺便文件翻译了&#xff0c;保持与英文版的同步。Altair也处理了很多文件&#xff0c;但未同步。 向PHP文档组负责人Philip Olson申请将中文手册放回官方站点&#xff0c;但被告知还要等一些关键文件与英文版同步后才行。 Hello guys,Good job w…

前端入门——快速理解H5+css中的旋转

前端入门——快速理解H5css中的旋转 ​ 说到旋转&#xff0c;那么必然要确定两个条件&#xff0c;旋转原点 和 旋转方向。 ​ 旋转原点&#xff1a; 顾名思义&#xff0c;即旋转是绕着哪个点来进行旋转的 ​ 旋转方向&#xff1a; 即绕着哪个方向进行旋转的 ​ ​ 实现效果…

对IP及IP段进行访问限制

本来是写了几个函数&#xff0c;IP黑名单是记到库里的&#xff0c;为了方便理解&#xff0c;改成了一个class把IP黑名单写了出来。 192.168.1.1 单个IP 192.168.1.* 这样代理 192.168.1.1-192.168.1-255 192.158.1.2-20 这样是代表192.158.1.2-192.158.1.20 也可以这样写 192.1…

弹性盒中 flex详解及flex:1的用法解析

弹性盒中 flex详解及flex&#xff1a;1的用法解析 一、flex 在了解 flex&#xff1a;1 之前我们先了解一下flex的属性值有哪些&#xff0c;就如同background一样&#xff0c;有着backgournd-images、background-color、background-position等属性名一样&#xff0c; flex也有…

JavaScript:自增和自减

JavaScript&#xff1a;自增和自减 我一直以为我已经搞明白了自增和自减&#xff0c;直到有一次遇到一道题&#xff0c;我才发现我对于自增和自减并没有完全掌握。 来看看下面这道题&#xff1a; var a 2;console.log(a a a a --a a-- a);你知道答案是多少吗&#xff1f;&a…