【我不熟悉的css】去掉iframe的滚动条

最新推荐文章于 2024-09-27 19:37:53 发布
最新推荐文章于 2024-09-27 19:37:53 发布
阅读量2.7k 收藏 1
点赞数
分类专栏： css 文章标签： css 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17335549/article/details/127869563
版权

注意，需要在iframe嵌入的网页中修改，把要嵌入的网页的滚动条隐藏即可。

还可以使用iframe自带的属性

<iframe src="xxx" scrolling="no" ></iframe>

但是设置完scrolling="no"，之后iframe里面的内容就没有办法滚动了，所以不建议使用

我有一棵树
关注
专栏目录
JS去除iframe滚动条的方法
10-24
主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
layer弹出层 iframe层去掉滚动条的实例代码
10-18
总之，去除layer弹出层中iframe的滚动条，可以结合layer的配置选项和CSS样式调整来实现。在实际项目中，应确保不影响用户访问和操作内容，特别是在内容高度超过弹出层时，隐藏滚动条可能会导致内容无法完全查看。...
iframe 自适应高度 去掉iframe滚动条 只留外面页面的滚动条
37度2
05-23 1万+
解决方法如下： 在iframe所调用的页面增加如下代码： $(document).ready(function(){   if(window.parent != window){     parent.document.getElementById("mainMenuIframe2").style.height = (document.body.scrollHeight+30)+"px
CSS隐藏滚动条，设置滚动条样式
最新发布
2301_81449444的博客
09-27 646
hidde，再配合position，变相隐藏滚动条。可滚动的容器外层再签套一个父盒子，父盒子设置。
隐藏iframe滚动条，并禁止滑动
weixin_45559449的博客
03-20 8167
当我们通过 iframe 展示图片，或是通过 iframe 展示 PDF文件 时，如果图片和 PDF 超出 iframe设置的宽高，就会出现横纵向的滚动条，如下图。所以， iframe 展示图片时可以通过设置 scrolling=“no” 属性来隐藏滚动条，iframe 展示 PDF文件时 设置 scrolling=“no” 属性并不能隐藏滚动条。如果 iframe 存在纵向滚动条，则 iframe宽度=原宽度+滚动条宽度，即width: calc(100% + 17px)；
iframe去掉滚动条
bansong2170的博客
09-02 230
<iframe name="leftframe" marginwidth=1 marginheight=1 src="leftmenu.asp" frameborder=no width="100%" scrolling="no" height=100%></iframe> 转载于:https://www.cnblogs.com/VirtualLive/arc...
去除iframe内滚动条
sdmanooo的专栏
09-29 3922
iframe去滚动条应该有多种方式，在此简单总结两种： 1.在标签中添加scrolling属性，值为yes时，有滚动条，值为no时无滚动条。这种方法简单，但是页面估计不怎么好看。 2.在iframe链接的子页面的body中， 隐藏横向滚动条：  body{      overflow: scroll;      overflow-x: hidden;      overflow-y:
去掉iframe滚动条（好使！）
weixin_45897915的博客
04-09 1万+
iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？ 一：去掉全部的滚动条 第一个方法： iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。 scrol...
Iframe去除滚动条
ceocyo的专栏
04-16 959
最近工作中遇到页面内嵌iframe滚动条去重的问题，由于项目中用到jq，就用jq解决 …….分享出来 。     03   外层html结构：  04    05 menu     06   07 08    09 #加入到iframe页面的js,可以加入到js文件，其他文件引用。  10     /**  11  * 完美解决iframe双滚动条显示 
css去掉iframe滚动条
09-06
要去掉iframe的滚动条，可以通过CSS的方式来实现。这里提供了两种方法。 第一种方法是通过在iframe的样式中设置overflow为...以上两种方法都可以实现去掉iframe滚动条的效果，根据具体的使用场景选择适合的方式即可。
JavaScript中关于iframe滚动条的去除和保留
11-27
在开发中经常遇到去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条，大家基于js是怎么实现的呢？下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的实现方法。一起看看吧！ iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？    一：去掉全部的滚动条          第一个方法：   iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。                  
css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
11-21
在本文中，我们将探讨如何使用CSS来定制滚动条的颜色、样式，以及如何隐藏或去除滚动条。 首先，滚动条通常在内容超过容器元素的宽度或高度时出现，允许用户查看超出可视区域的内容。在CSS中，可以通过`overflow`...
如何去掉iframe框架自带滚动条
热门推荐
weixin_40607363的博客
12-18 5万+
1、去掉底下的滚动条且保留右边的滚动条 在嵌入的页面里设置 body{overflow-x：hidden；overflow-y：auto；} 2、：去掉右边的滚动条且保留底下的滚动条        如果只想保留底下的滚动条，那么可以在嵌入的页面里设置 body{overflow-x：auto ; overflow-y：hidden；} 3、 去掉全部的滚动条 第一个方法：
去掉iframe横向滚动条
zhaoxiaofei0929的专栏
05-27 531
2010年01月22日 星期五 04:59 P.M.主页面加IFRAME SCROLLING="YES"子页面让竖条消失: 让横条消失: 还要去掉子页面里的http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">两个都去掉   iframe自动适应页面大小JS函数
最简单的方法实现去iframe滚动条
wangsong76的专栏
06-29 940
该文也可以说是一个iframe自适应大小的折中解决办法。 iframe出现滚动条的原因是，body里面的内容的高度大于了iframe的高度，所以会出现滚动条。 解决办法： 采用Jquery从iframe嵌套的页面中获取一个高度值，在iframe的父窗口中的onload事件中更新iframe的高度。 具体实现代码： 父页面： [code="html"] function Set...
网页iframe框架自动适应高度且去除滚动条
cfjbcg的博客
06-05 777
③iframe的高度自适应不仅仅是指刚加载进来时，也有可能嵌入内容的高度会随点击变化（如：下拉菜单，左侧导航栏等）①iframe的高度始终等于嵌入页面内容的高度，而不是屏幕的高度。④页面可能同时嵌入多个iframe。②右侧不允许出现两个滚动条。
隐藏iframe滚动条
sunshine08_07的博客
09-06 2845
iframe会出现滚动条是因为子页面内容过长，所以想让页面不出现滚动条有两种方法： 一、让子页面高度不超过屏幕高度，这样会修改原本写好的页面布局。 二、修改滚动条样式，使其滚动条视觉上隐藏 ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-sc...
去掉ifream滚动条
编程小白爱编程的博客
08-31 869
前几天做项目，客户说ifream有滚动条不美观，让我把滚动条去掉。我当时有点懵，因为滚动条是我特意加上去的。因为原生的ifream不能根据子页面的高度自动设置其显示高度，如果没有滚动条，当子页面的高度超出了ifream 的height，会导致子页面的一些数据无法显示。但是既然客户提出来去掉ifream的滚动条了，那就要想办法实现客户的需求，同时保证显示的正确性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值