iframe去掉滚动条(如何设置iframe无滚动条)

本文目录
如何设置iframe无滚动条
去掉分号也不行,我试了一下,应该与嵌套的子页面有关系 去分号后 把网址改为百度的(只是随便找的一个),这个就有水平滚动条
iframe 隐藏滚动条后不能滚动,他没这么智能,否则要js干嘛.... 你还是别省着点事了,写段js搞定吧。
HTML
可能是网页嵌套了另外的网页,frame和iframe都是嵌套 里面的网页可能出现滚动条,
如果没有嵌套 就可能是文本框内容或div等块级元素中的内容 超过了设定的固定高度出现滚动条。
如果你是这个网页的制作者 可以使用css控制里面的元素或frame:overflow:hidden;或者overflow:auto;
如果你不是制作者不好意思,没办法
网页内iframe怎么去除滚动条
1.主页面的iframe scrolling 属性设置为 yes 或者 atuo
《iframe width=“100%“ height=“50%“ frameborder=“1“ scrolling=“yes“ src=“url“》《/iframe》
2.子页面内 body 样式设置为
让竖条没有:
《body style=’overflow:scroll;overflow-y:hidden’》
《/body》
让横条没有:
《body style=’overflow:scroll;overflow-x:hidden’》
《/body》
两个都去掉
《body scroll=“no“》
《/body》
(BY三人行慕课)
dreamweaver怎么把图片轮播的滚动条去掉 求大神解救
在网页设计中,扁平化模式已经走向前端。然而,扁平化多内容容易导致浏览器横屏溢出,影响用户体验也不利于优化,隐藏滚动条是必须的技能。本篇经验分享如何隐藏网页自滚动条与引入模块的滚动条如何隐藏。
工具/原料
电脑,浏览器
Dreamweaver,文本文件
第一步:新建一个html文件
用dw或记事本软件新建一个html网页文件,命名为隐藏滚动条,保存在桌面;
为了方便查看滚动条,需要设置网页尺寸超过电脑屏幕大小;
在浏览器中打开网页,查看效果,如图:
第二步:《body》内隐藏滚动
在《body》标签中写入以下代码,隐藏横向滚动条;
overflow-x:hidden;
在《body》标签中写入以下代码,隐藏纵向滚动条;
overflow-y:hidden;
在浏览器中查看效果,如图:
第三步:设置html半文本隐藏
删除body样式;
在样式中插入以下代码;
html { overflow-x: hidden; overflow-y: auto; }
隐藏横向滚动条;
在样式中插入以下代码;
html { overflow-x: auto; overflow-y: hidden; }
隐藏纵向滚动条;如图:
第四步:设置html全文本隐藏
在样式中插入以下代码;
html { overflow-x: hidden; overflow-y: hidden; }
隐藏全部滚动条。如图:
第五步:《iframe》引用外部网页文件
在html中插入以下代码,引入一个框架,里面只外部代码;
《iframe src=“隐藏滚动.html“ style=“width:600px; height:800px;“》《/iframe》
在浏览器中查看滚动条动态,如图:
第六步:隐藏《iframe》框架滚动条
在《iframe》内部作以下修改,隐藏滚动条;
《iframe src=“隐藏滚动.html“ style=“width:600px; height:800px;“ scrolling=“no“》《/iframe》
如图:
第七步:高级隐藏《iframe》
网页头部引入jquery主文件,并键入以下代码;
《script》
$(function(){
$(“#iframe_id“).load(function(){
var height = $(this).contents().find(“#content“).height() + 90;
//这样给以一个最小高度
$(this).height( height 《 900 ? 800 : height );
});
});
《/script》
即可隐藏滚动条,如图:
END
横向滚动条经常都是隐藏的,纵向可随网页高度滚动。
w3c标准是隐藏滚动条的。
方法/步骤
注意事项
在网页中
用《iframe》包含页面,关于滚动条的参数只有一个
因此,垂直和水平的滚动条都是一起控制的
其实,水平的滚动条是不需要管的
在DW中制作页面时,不可能用一个页面总宽小的去包含一个页面宽度大的页面
网页的制作,一向是就宽不就高,包含页面的放置也应该这样遵循
例如:你在一个页面(a.html)中,准备在某宽400高400的表格内嵌入一个页面(b.html),如果要控制滚动条的显示,就把b.html页面的总宽设置不要超过380(差不多是这样,因为有个垂直滚动条的宽),这样的话,不管《iframe》的滚动条参数设置成显示或不显示,都不会存在水平滚动条。

更多文章:
majority of(the majority of 和 a majority of的区别以及用法例句)
2026年10月11日 07:40
another time(another time和other time的区别)
2026年10月11日 05:00








