iframe超出外层元素显示滚动条怎么办？

最新推荐文章于 2023-10-06 17:47:58 发布

weixin_34324081

最新推荐文章于 2023-10-06 17:47:58 发布

阅读量1.5k

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/beileixinqing/p/10840486.html

版权

尝试把外层盒子滚动条样式隐藏，或者设为overflow:hidden等都不生效，突然发现iframe有这个属性的忘记用了！！

<iframe frameborder="0"   scrolling="no" src="index.html" >

把iframe的scrolling设为no即可。

转载于:https://www.cnblogs.com/beileixinqing/p/10840486.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34324081

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

使用Iframe标签嵌套的页面滚动条

weixin_44548473的博客

07-18

4392

开发工具与关键技术： Vs 、使用Iframe标签嵌套的页面滚动条 作者：木有窝的鸟~小通撰写时间：2019年7月17日见过滚动条的小窗口吗，出现滚动条可以根据屏幕的大小来设置。一般iframe标签可以用于页面嵌套。平时写的小窗口也可以用iframe标签来写。那么在页面嵌套中呢，它可以设置宽度，而设置比较小的宽度的时候页面超出部分会出现滚动条。正因为如此，其实运用也比较广泛。 1、为了节省视...

table 超出父元素 div

qq_41536505的博客

08-12

2826

table 超出父元素 div 实际是把表格写在了 redio 里面问题： table 在 div 里面，想要的效果是如果 table 的内容超出了父元素就显示省略号，再把 table 的宽度设置为100%，但是，最后数据比较长还是超出了父元素原因： table 是有不一样的默认样式 table-layout 值描述 auto 默认，列宽由单元格设定 fixed 列宽由表格宽度或列宽自己设定 inherit 继承，从父元素继承table-layout的值解决方案：

参与评论您还未登录，请先登录后发表或查看评论

外部滚动条控制iframe

11-16

外部滚动条控制iframe外部滚动条控制iframe

解决动态高度的iframe加载后双滚动条的问题

加载中...

12-13

5875

页面部分<div class='parentdiv'> <iframe id="iframepart" src="" ></iframe> </div> iframe 高度不确定，再parent page 加载的时候可以通过获取页面内 iframe页面body 的方式获得动态高度js部分$(function(){ var url ='要跳转的iframe页面'; $('.parentdiv'

利用iframe在引入外部.html文件时去掉滚动条

可可爱爱的你吖的博客

10-26

887

利用iframe去掉水平滚动条 添加样式：html{ overflow-x:hidden; } 利用iframe去掉垂直滚动条 添加样式：html{ overflow-y:hidden; }

iframe轻微滚动及无法滚动和100%宽度超出屏幕

neabea2016的博客

09-17

2023

1.使用iframe页面会有轻微上下滚动 .iframe-style{ height: 100%; width: 100%; border: none; margin: 0; vertical-align: top;/*解决轻微滚动*/ } 2.iframe适配安卓移动端，有时无法上下滚动解决：无法滚动的html div增加overflow...

iframe在ios设备宽度超出屏幕解决办法

菜菜的博客

04-24

1255

做h5项目时，使用iframe嵌套一个h5子页面在ios手机上出现超出屏幕的问题。子页面本身是没有超出屏幕的，给iframe；设置了宽度100%没有起作用，在ios手机上为超出屏幕，但是在安卓手机上显示正常。解决办法: 给iframe设置属性scrolling=‘no’ 给iframe设置样式：width: 1px; min-width: 100%; *width: 100%;...

自动调节iframe高度，而不显示其滚动条 js

11-23

### 自动调节iframe高度，而不显示其滚动条 js #### 背景介绍在网页开发过程中，经常会遇到需要在一个页面内嵌入另一个页面的情况，这时通常会使用HTML中的`iframe`元素来实现。然而，当嵌入的内容高度不确定或者...

ios设备使用iframe宽度超出屏幕的解决方法

08-25

1. 定义 iframe 中的 scrolling 属性为 no，设置 iframe 中不显示滚动条。<iframe scrolling="no" ></iframe> 2. 设置 iframe 的样式为：iframe{ overflow: scroll; -webkit-overflow-scrolling: touch; min-width: ...

iframe截取网站部分内容实现思路及代码

09-28

另外，`iframe`的`scrolling`属性可以控制是否显示滚动条。在示例中，`scrolling="no"`表示禁用滚动条，这样用户无法通过滚动查看超出`iframe`边界的内容。需要注意的是，`iframe`的使用受到同源策略的限制，即...

页面中嵌套iframe导致页面出现滚动条

程先生的博客

05-30

3059

经过查询发现，是因为iframe元素不是标准的块级元素，导致虽然设置了height: calc(100% - 60px);然后通过控制台查看高度也确实没有问题。但是就是出现了滚动条，这样的话，就只能通过设置iframe为块级元素来确定了。如果大家想要自己测试一下的话，可以下载下面的代码，然后通过对29行中，display:block;的注释和非注释来看下具体的表现形式；页面头部一个固定的div元素，下面是一个iframe嵌套的页面。但是发现页面会出现滚动条。

实现layer弹出iframe层隐藏滚动条，改变滚动条样式

weixin_30273763的博客

02-01

1692

项目单独使用的是layui的layer，要求弹出一个滚动框浏览界面，使用弹出iframe层。但是原样式的滚动条实在是很难看，不符合界面要求，所以百度加自己结合写了一个。一般来说，使用了layer.open中的scrollbar，设置为false的话，的确是没有滚动条了，但是页面也不能下拉了。目的是为了改变滚动条样式，我使用的是隐藏了iframe层的滚动条，再内置一个滚动框，必须保证宽度...

锚点，iframe,溢出

lemonnomel1的博客

04-14

868

1.锚点a标签除了用做页面跳转外还可以做锚点本页面的锚点是通过改变滚动条的位置实现页面跳转后的锚点会通过先跳转页面再改变滚动条的位置来实现可以将a的href属性链接到另一个a的name属性或者任何元素的id属性在做锚点下面是四个不同颜色的盒子通过锚点跳转到各自的位置<ul> <li><a href="#li1">1</a></li&gt...

多层iframe不出现滚动条

xhw979850818的专栏

05-17

632

//第一个iframe <iframe style="overflow: auto;" id="myframe" name="myframe" frameborder="0" scrolling="no" width="100%" onload="setIframeHeight(this)"> //第一个iframe的方法，目的自动跳转iframe的高度 fu...

简单实现iframe自适应高度，解决iframe显示不全的问题

weixin_45031736的博客

06-20

5103

在iframe的style进行如下设置οnlοad=this.height=iFrame1.document.body.scrollHeight 例如： <iframe src="XXX.jsp" name="frame1"id="frame1" frameborder="0" width="100%"onload="this.height=frame1.document.body.scrollHeight" scrolling="no"></iframe> 这样iframe

iframe出现双层滚动条解决方案

lipeng的博客

06-24

3089

在开发中出现一个iframe双滚动条问题，查了很多资料，网上的解决方案是定义iframe的onload事件，加载时重新加载高度，但是由于项目中页面渲染完成后，点击按钮动态生成数据，这时候上面的方案就不可行了。下面是通过jquery.layout.js来解决双滚动条问题。 html代码 <body > <div id="mainFrameDiv" class="ta...

嵌套的iframe和frameset中，鼠标中键滚动页面时，页面不会随之滚动，且滚动条也没有反应？

最新发布

TdMaster的博客

10-06

1292

然而，如果在这些嵌套的框架中使用鼠标中键滚动页面时，可能会遇到页面不滚动且滚动条没有响应的问题。当我们在一个框架中嵌套另一个框架时，鼠标滚动事件可能会被最外层的框架所捕获，而不是被嵌套的框架所处理。通过这种方式，我们可以将鼠标滚动事件传递给嵌套的框架，并在嵌套的框架中实现滚动效果。这样，当我们在嵌套的框架中使用鼠标中键滚动页面时，页面将正确滚动且滚动条也会有相应的反应。在嵌套的框架中，我们添加了另一个事件监听器来接收从父级框架发送的消息，并处理滚动事件。// 将鼠标滚动事件传递给嵌套的框架。

Iframe的滚动条操作

dcke31608的博客

12-30

338

（某些样式需ie5.5+才能支持）： 1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-...

ios端尝试解决 iframe层无法滚动,及iframe宽度变宽的问题

qq_41074373的博客

06-12

4989

最近在项目中，使用iframe层展示商品详情。于是将网页嵌在了iframe标签里面，在PC测试没有问题，自适应良好，但是转入IOS 真机中，iframe 却不能很好地适应屏幕大小，总是超出屏幕尺寸，也无法上下左右滚动查看完整页面。1、iframe无法滚动：（使用一个div将iframe包含起来，给该div设置一下class）.scroll-wrapper { -webkit-ove...

iframe滚动条控制：显示与隐藏策略

1. **通过`scrolling`属性设置**：在iframe标签中，可以使用`scrolling`属性来控制滚动条的显示。例如，`scrolling="yes"`表示显示滚动条，`scrolling="no"`则隐藏滚动条，而`scrolling="auto"`会让浏览器根据内容...