因此，垂直和水平的滚动条都是一起控制的
其实，水平的滚动条是不需要管的
在DW中制作页面时，不可能用一个页面总宽小的去包含一个页面宽度大的页面
网页的制作，一向是就宽不就高，包含页面的放置也应该这样遵循
例如：你在一个页面(ahtml)中，准备在某宽400高400的表格内嵌入一个页面(bhtml)，如果要控制滚动条的显示，就把bhtml页面的总宽设置不要超过380(差不多是这样，因为有个垂直滚动条的宽)，这样的话，不管<iframe>的滚动条参数设置成显示或不显示，都不会存在水平滚动条。frameborder 是否显示框架边框
scrolling 是否显示滚动条 yes/no
noresize 是否允许调整框架窗口大小 noresize =“noresize ”一：去掉全部的滚动条
第一个方法： iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。
scrolling : auto -----在需要的时候滚动条出现
scrolling : yes ------始终显示滚动条
scrolling : no -------始终隐藏滚动条
当设置 scrolling : no 时，全部的滚动条就没有了。
第二个方法：我发现除了 scrolling 可以去掉全部的滚动条外，还有另一个方法，在嵌入的页面里设置 body{overflow：hidden}，这样也可以将滚动条去掉，而且这也是当我们只想去掉某一个滚动条所使用的属性。
二：去掉右边的滚动条且保留底下的滚动条
如果只想保留底下的滚动条，那么可以在嵌入的页面里设置 body{overflow-x：auto ; overflow-y：hidden；}让竖条没有:
<body style='overflow:scroll;overflow-y:hidden'>
</body>
让横条没有:
<body style='overflow:scroll;overflow-x:hidden'>
</body>
两个都去掉？更简单了
<body scroll="no">
</body>
1、首先打开网站开发工具，新建一个HTML页面。
2、编写HTML代码，核心代码：<div class="iframe-wrap"><iframe src="iframehtml" class="iframe-box"></iframe></div>。
3、接着编写CSS代码，核心代码如下图所示。
4、在新建一个HTML页面（也就是需要嵌套的iframe页面），代码如下。
5、给iframe页面添加修饰样式核心代码：p{ height: 50px; line-height: 50px; font-size: 16px;}。
6、打开浏览器，浏览刚才制作的页面，测试效果（可以使用滚轮和键盘上下键进行测试） 可以发现页面上没有滚动条，而且iframe依然可以滚动。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）