如题，就是在网页中，只显示右侧的垂直滚动条，而不要底部的水平滚动条；这个问题让我挠头了半天。
做的那个管理界面，为了能让菜单在整个窗口中显示，我没有用Frame，而是用了iFrame；为了让iFrame窗口适用大小，我也用JavaScript代码做了判断；
插入iFrame的代码如下(我没有设宽高，宽高有Js代码控制的，这里不再描述)
<iframe src="welcome.html" name="workArea" align="middle" marginwidth="0" marginheight="0" allowtransparency="true" application="true" id="workArea" scrolling="auto"></iframe>
滚动条设了自动auto，当页面内容多时，会自动出现滚动条；
预想效果是出现了，但是不仅出了右侧的竖滚动条，下面左右滚动的横滚动也出现了，调整内容宽度，也一样；郁闷；虽然不影响大碍，但是觉得太不爽了。
看网上有人说，设置body的css样式；
<style type="text/css">
body {
overflow-x : hidden ;
}
</style>
试过之后，发现不行，有的说是IE不支持，我看可能是我的页网是xhtml的问题吧，如果去掉了头部的DTD；就是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
不过我不想这样；因为我所有的网页都是基于W3C标准的，我并不希望因为这个小功能而去改动代码规范；
又试了其它几个办法，也是不行；不管怎么设置，内容一多，就出现横滚动条；
通过测试，得到方法一：
想到设置body宽度的做法，在iFrame包含的页面内中写入，如下
body {
width: 95%;
margin: 0px;
padding: 0px;
}
通过css来控制宽度，我没有设100%，默认是100%；而是设了95%；这样因为整体页面的宽度小于100%，所以就不再出现横滚动条了，而竖滚动条依然起作用；
后又经人介绍，得到方法二：
在iFrame的包含页面里加入
<style>
html { overflow-x:hidden; }
</style>
两种方法都可以搞定；
这些小问题，很烦人，要说也没有什么技术含量，所以很多程序员不愿意去做，没办法，要想做得好，做得细致，光有高深技术是不行的，大多时间都是消耗在这些小问题上；
效果：http://www.jxd168.cn/manage/ManagePanel.html
实现了Ajax，可以异步获取数据了。
iframe中不显示滚动条
<iframe src=http://www.chinak.net/default.htm width=626 height=155 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>ifame是做网页经常用到的嵌套页面语句，它在A页面上规定一定的区域和显示方式来直接显示B页的内容。调整得好的话看不出B页面是被调用显示的，就像本来就是A的一部分。 src指明要调用的页面；width height规定显示的宽和高；scrolling=no指明不显示滚动条。
来自: http://hi.baidu.com/wrlsharp/blog/item/51034f27db791e40925807f2.html
分享到：
相关推荐
去除iframe滚动条的一种常见做法是通过JavaScript修改iframe的属性。在给定文件中，介绍了如何通过操作`scrolling`属性来实现这一目标。`scrolling`属性是一个用于控制是否显示滚动条的属性。在HTML标准中，它可以...
提供的代码片段展示了如何使用CSS和JavaScript结合，实现外部滚动条对iframe滚动的控制。下面是对代码片段的逐行解析： ```html #i1{width:500px;height:350px;float:left;}/* 设置iframe的宽度和高度 */ #d1{...
### 自动调节iframe高度，而不显示其滚动条 js #### 背景介绍 在网页开发过程中，经常会遇到需要在一个页面内嵌入另一个页面的情况，这时通常会使用HTML中的`iframe`元素来实现。然而，当嵌入的内容高度不确定或者...
### 完全搞定iframe（框架）里的滚动条 #### 知识点概览 ...通过对不同场景下iframe滚动条问题的理解以及采用合理的CSS或JavaScript技术，可以有效地解决在A页面中加载B页面时出现的滚动条问题，提升用户体验。
iframe水平滚动条定位右侧及其样式的基本设置
在这个问题中，我们关注的是如何在layer弹出层中的iframe层去除滚动条，以保持页面的整洁和用户体验。 首先，让我们深入理解一下涉及到的几个概念： 1. **layer**：Layer是基于jQuery的一个轻量级的弹窗插件，提供...
下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的实现方法。一起看看吧！ iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下...
在深入探讨如何解决IE6下iframe出现横向滚动条的问题之前，我们需要了解几个关键的前端技术概念，包括iframe的使用、IE6浏览器的特殊性以及CSS（层叠样式表）和JavaScript（JS）的运用。 首先，iframe（内联框架）...
### 在iframe中隐藏横向滚动条的方法大全 #### 概述 在网页开发中，经常会用到`<iframe>`标签来嵌入其他页面或内容。然而，有时候这些嵌入的内容可能会导致横向滚动条出现，影响用户体验及整体美观度。本文将详细...
滚东条样式设置 不兼容火狐 可修改浏览器默认的滚动条 属用内核修改
3. **控制Iframe滚动**： - 使用`scrolling`属性可以全局禁用或启用Iframe的滚动条，但无法精确控制滚动位置。 - 若要精确控制滚动，需通过JavaScript操作`iframe.contentWindow.scrollTo(x, y)`，其中x和y分别是...
总结一下，通过使用Jquery监听iframe的resize和load事件，并对iframe的高度进行动态调整，我们可以实现iframe内容的自适应显示，同时避免在浏览器窗口内出现不必要的滚动条，而只在iframe内部出现滚动条。...
然而，`iframe` 的使用往往伴随着一些问题，比如高度无法自适应和滚动条显示的问题。以下是对这两个问题的详细解释和解决方法。 **高度自适应** 在网页布局中，`iframe` 的高度如果不能自动适应其内容的高度，可能...
iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）下面的内容不再显示。 问题重现： 结构： index.html : <style> #iframe{height:500px;} </style> ...
"让DIV固定在页面的某个位置而不随着滚动条随意滚动" 在前端开发中，我们常常需要让某个DIV元素固定在页面的某个位置，而不随着滚动条的滚动而移动。这可以通过使用CSS的position属性来实现，特别是使用fixed值。...
此插件不仅适用于常规的页面滚动，还能够应用于框架（如 iframe）、弹出框、对话框内的滚动条美化，使得整个网页的滚动体验保持一致。 **5. 使用步骤** - **引入库文件**：首先，你需要在页面中引入 jQuery 和 ...