`

frame中隐藏横向滚动条

CSSIEHTML工作 
阅读更多
在网吧客户端项目中使用了frame的方式，布局如下：

uploads/200611/15_111251_table.gif

遇到的问题是当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;">也能生效。

以上是我做的一些尝试，知其然而不知其所以然，但是希望能够在工作中解决一些实际问题。
分享到：
| J2EE开发之常用开源项目介绍
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    自动调节iframe高度，而不显示其滚动条 js

    本文介绍了如何使用JavaScript动态调整`iframe`的高度并隐藏其滚动条的方法。这种方法不仅能够提高用户体验，还能使得页面布局更加整洁美观。在实际应用中，还需注意安全性问题和浏览器兼容性问题，以确保功能在各种...

    IOS横向滚动字幕实现

    在iOS开发中，实现横向滚动字幕是一项常见的需求，尤其在新闻、广告或者电视节目中，这种效果能够有效地吸引用户的注意力并展示大量信息。本篇将深入探讨如何在iOS应用中创建这种效果，主要关注Swift语言和UIKit框架...

    JavaScript中关于iframe滚动条的去除和保留

    在开发中经常遇到去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条，大家基于js是怎么实现的呢？下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的...

    layer弹出层 iframe层去掉滚动条的实例代码

    4. **滚动条**：滚动条是用户界面中的一个重要元素，当内容超出容器的显示范围时，滚动条允许用户查看隐藏的内容。在某些情况下，为了美观或者避免干扰，可能需要隐藏滚动条。 现在我们来看如何实现layer弹出层中的...

    横向jQuery内容滚动插件Sly

    **横向jQuery内容滚动插件Sly详解** 在网页设计中，内容滚动插件是一个非常重要的工具，它能够帮助开发者创建动态、吸引人的用户体验。其中，Sly是一个优秀的jQuery插件，专为实现横向内容滚动而设计。这个插件不仅...

    iOS Swift UICollectionView横向分页滚动，cell左右排版问题详解

    此外，可能还需要隐藏滚动条以保持界面的整洁。 最后，将计算好的UICollectionViewLayoutAttributes对象保存在数组（attributesArr）中，以便在需要时返回给UICollectionView。当CollectionView需要绘制或更新cell...

    IOS上iframe的滚动条失效的解决办法

    iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）下面的内容不再显示。  问题重现： 结构：  index.html : &lt;style&gt;　 #iframe{height:500px;} &lt;/style&gt; ...

    CycleScrollView:横向滑动的ScrollView，支持自动滑动，流畅顺滑

    CycleScrollView 是一个基于Objective-C开发的控件，它扩展了标准的UIScrollView，为开发者提供了横向滚动的能力，并且支持自动滑动功能，使得用户在移动应用中的浏览体验更加流畅顺滑。这种控件常用于轮播图、产品...

    ios-单行显示文字，会滚动的Label，跑马灯效果.zip

    在iOS开发中，我们经常需要展示...在实际项目中，结合CLRollLabel，你可以创建各种有趣的动态UI效果，比如新闻滚动条、广告横幅等。只需适当调整参数，就可以实现不同风格的跑马灯效果，为你的应用增添独特的视觉魅力。

    HTML测试题

    如为自动：则自动出现滚动条；如为是，则显示滚动条。边框宽度参数设置内联框架的边框宽度，为了与邻近的内容相融合，常设置为越大越好。 4. Iframe 的使用：Iframe 是 Inline Frame 的缩写，一般被称作内联框架...

    2021-2022计算机二级等级考试试题及答案No.4466.docx

    9. **Word功能**：Word文档编辑区下方的横向滚动条允许用户水平滚动查看文档内容。 10. **打印预览**：在打印工作表前，通过打印预览可以检查实际打印效果。 11. **存储器分类**：存储器主要分为RAM（随机访问...

    2021-2022计算机二级等级考试试题及答案No.16628.docx

    4. Word 文档编辑区的横向滚动条允许用户在水平方向上滚动页面，这是基本的文档浏览功能。 5. 在面向对象编程中，方法是可以被覆盖的，这指的是子类可以重写父类中的方法，提供不同的实现。 6. 数据流程图（DFD）...

    UIScrollView的横纵多页显示

    子视图的位置应该根据它们在内容区域中的位置进行设置，通常使用`frame`或`center`属性。 3. **处理滚动事件**： - `UIScrollView`提供了`scrollViewDidScroll:`代理方法，你可以在这个方法中监听滚动事件，根据...

    VB控件属性大全

    #### 1.10 水平滚动条控件(HScrollBar)和垂直滚动条控件(VScrollBar)的常用属性 **Value** - **说明**：设置或获取滚动条的当前位置。 **Min** - **说明**：设置滚动条的最小值。 **Max** - **说明**：设置滚动条...

    iOS基于UIScrollView实现滑动引导页

    `showsHorizontalScrollIndicator`设为NO，隐藏水平滚动条。 2. **添加子视图（ImageView）**： 滑动引导页通常包含多张图片，我们可以根据需要的图片数量循环创建UIImageView，并将其添加到ScrollView中。每个...

    VB编程资源大全（控件 窗体1）

    vbocx10.zip 以及窗体内的控件是否随窗体大小的改变而改变,以及设置窗体是否处于最上方,以及设置窗体是否以爆炸式方式显示(19KB) 72,Easyscroll.zip 为任何控件增加滚动条(41KB) 73,Zcg_3DLabel.zip ...

    VB编程资源大全（控件 窗体2）

    vbocx10.zip 以及窗体内的控件是否随窗体大小的改变而改变,以及设置窗体是否处于最上方,以及设置窗体是否以爆炸式方式显示(19KB) 72,Easyscroll.zip 为任何控件增加滚动条(41KB) 73,Zcg_3DLabel.zip ...

    html页面嵌套使用示例(frameset使用方法)

    `noresize="noresize"`禁止用户手动调整框架大小，`scrolling="yes"`开启滚动条。在内部的`frameset cols="20%,*"`中，页面被横向分割为两列，左侧占20%，右侧占剩下的比例。 `&lt;noframes&gt;`元素是为不支持框架的...

    HTML 语法大全

    框架滚动条 (`&lt;FRAME SCROLLING="..."&gt;`):** - **用途**: 控制框架内是否显示滚动条。 - **属性**: `scrolling` (自动、一直显示、从不显示)。 **30. 框架源 (`&lt;FRAME SRC="..."&gt;`):** - **用途**: 加载一个 HTML ...

Magicbox
Global site tag (gtag.js) - Google Analytics