iframe去掉滚动条【转】

最新推荐文章于 2025-02-20 16:39:28 发布
原创 最新推荐文章于 2025-02-20 16:39:28 发布 · 89 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML

本文介绍了一种简单的方法来隐藏iframe内的水平滚动条，仅保留垂直滚动条，适用于当iframe内容高度超过容器时的情况。通过设置iframe中body标签的overflow属性为hidden实现。

这个方法用来去掉iframe的滚动条，当页面变高时，只显示竖向滚动条

 

一个iframe：

<iframe name="ifr" src="index.html"></iframe>

 

index.html 的body标签这样写：<body style="overflow:hidden;"></body>

 

JS去除iframe滚动条的方法
10-24
在文章中提供的JavaScript函数`removeScroll`，通过获取id为`myframe`的iframe元素，并将其`scrolling`属性设置为`no`，从而达到去除滚动条的目的。这一操作是通过`document.getElementById("myframe").scrolling=...
layer弹出层 iframe层去掉滚动条的实例代码
10-18
在这个问题中，我们关注的是如何在layer弹出层中的iframe层去除滚动条，以保持页面的整洁和用户体验。 首先，让我们深入理解一下涉及到的几个概念： 1. **layer**：Layer是基于jQuery的一个轻量级的弹窗插件，提供...
iframe去掉滚动条
javaocean
10-18 171
这个方法用来去掉iframe的滚动条，当页面变高时，只显示竖向滚动条   一个iframe： &lt;iframe name="ifr" src="index.html"&gt;&lt;/iframe&gt;   index.html 的body标签这样写：&lt;body style="overflow:hidden;"&gt;&lt;/body&gt;   o(∩_∩)o...这是
取消 iframe 滚动条 显示
世界在变，而我心不变。
04-29 643
原址：点击打开链接 在网上找了两种方法如下： 在里加入scroll="no"，可隐藏滚动条； 在里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。 但试了都不行， 最后终于找到了正确的方法：在被包含页面里加入 html { overflow-x:hidden; }
ASP------<iframe>标签如何去掉滚动条
weixin_30746117的博客
06-21 119
代码: <iframe src="../Home/Thanks" width="100%" height="500" scrolling="no" frameborder="0"></iframe> 转载于:https://www.cnblogs.com/tianhengblogs/p/7062222.html
iframe要如何去除滚动条？有没有哪位大佬帮忙看看
qiuqiuqiujianan的博客
03-07 264
有没有大佬可以帮帮忙看一看
JavaScript中关于iframe滚动条的去除和保留
11-27
下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的实现方法。一起看看吧！ iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下...
去掉iframe滚动条（好使！）
weixin_45897915的博客
04-09 1万+
iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？ 一：去掉全部的滚动条 第一个方法： iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。 scrol...
iframe取消滚动条并能继续向下滚动
zlebxzy的博客
12-15 449
iframe取消滚动条并能继续向下滚动 iframe加上scrolling=“auto”,并在上一级div加style的overflow:“hidden”
iframe窗口去掉滚动条自适应浏览器大小
ResumeProject的博客
09-06 662
iframe窗口去掉滚动条自适应浏览器大小
去掉iframe滚动条
zha_zi的专栏
12-02 782
郁闷至极，弄了一个extjs 的tab在做多页显示的时候 需要把iframe嵌套进去，但是嵌套进去了以后发现上下和水平的边框极度崩溃  网上解决方案不少，但是没有一个管用的，现在网友转帖也真是无耻，起码要用一下看看能不能行在发表 废话不说上代码
消除去掉隐藏浏览器iframe的scrollbar
iteye_9330的博客
06-23 405
[size=medium]在网上看了很多，也在safari和chrome，firfox，ie浏览器中测试过， 一般设定iframe的height等于document.body.scrollHeight就可以， 比如：document.getElementById('iframeId').height=docuemnt.body.ScrollHeight; 再把document.getElem...
隐藏iframe滚动条，并禁止滑动
weixin_45559449的博客
03-20 1万+
当我们通过 iframe 展示图片，或是通过 iframe 展示 PDF文件 时，如果图片和 PDF 超出 iframe设置的宽高，就会出现横纵向的滚动条，如下图。所以， iframe 展示图片时可以通过设置 scrolling=“no” 属性来隐藏滚动条，iframe 展示 PDF文件时 设置 scrolling=“no” 属性并不能隐藏滚动条。如果 iframe 存在纵向滚动条，则 iframe宽度=原宽度+滚动条宽度，即width: calc(100% + 17px)；
如何去掉iframe框架自带滚动条
热门推荐
weixin_40607363的博客
12-18 5万+
1、去掉底下的滚动条且保留右边的滚动条 在嵌入的页面里设置 body{overflow-x：hidden；overflow-y：auto；} 2、：去掉右边的滚动条且保留底下的滚动条        如果只想保留底下的滚动条，那么可以在嵌入的页面里设置 body{overflow-x：auto ; overflow-y：hidden；} 3、 去掉全部的滚动条 第一个方法：
iframe禁用滚动条后根据内容动态设置宽高
gis_zhouda的博客
08-24 2774
iframe作为嵌入内容，如果显示滚动条，有时候可能会出现外部有滚动条，iframe内部也有滚动条，影响美观，体验性也不好。如果禁用滚动条，有可能会出现iframe中的内容显示的情况。因此，如果禁用滚动条，需要根据iframe的内容动态设置iframe的宽度和高度。 如下所示，home.html作为嵌入页面，iframe所在的页面为主页面 <iframe id="mainIframe" name="mainIframe" src="html/home.html" height="100%" wi
html中iframe标签 隐藏滚动条
qq_39951524的博客
02-20 1471
html中iframe标签 隐藏滚动条
【我不熟悉的css】去掉iframe的滚动条
有一棵树的博客
11-15 2915
【我不熟悉的css】去掉iframe的滚动条
去除iframe内滚动条
sdmanooo的专栏
09-29 4106
iframe去滚动条应该有多种方式，在此简单总结两种： 1.在标签中添加scrolling属性，值为yes时，有滚动条，值为no时无滚动条。这种方法简单，但是页面估计不怎么好看。 2.在iframe链接的子页面的body中， 隐藏横向滚动条：  body{      overflow: scroll;      overflow-x: hidden;      overflow-y:
iframe去除滚动条
最新发布
10-18
我们正在讨论如何去除iframe的滚动条。根据引用[^1]的内容，我们需要确保文档类型声明（DOCTYPE）不会导致滚动条一直显示（即auto不起作用）。但用户真正的需求是去除iframe的滚动条，所以我们需要提供几种常见的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值