Iframe溢出父约束

文章/答案/技术大牛

发布

2回答

html、css、iframe

我如何才能使这个iframe不溢出它的蓝色容器，而是填充蓝色容器的宽度和高度？在下面的代码片段中，iframe位于蓝色容器的下方。debugging only*/#menu-cnt { width: 400px; background-color: red;#iframe-cnt{ height: 100%;} <div id=&qu

浏览 36提问于2021-04-07得票数 1

1回答

子iframe作为背景视频并保持比率

javascript、jquery、iframe

我想将任何网站的iframe.children视频设置为div.parent背景。子iframe将始终大于父div，父div溢出将被隐藏。Iframe也将保持纵横比。

浏览 5提问于2015-09-02得票数 0

4回答

如何在iframe中隐藏滚动条，但仍然可以滚动

html、css、scrollbar

我在一个页面上有一个iframe，里面有另一个页面。我想隐藏滚动条，但我找不到任何解决方案。我尝试过使用overflow: hidden;，但它不起作用。请参阅下面的代码：CSS代码： overflow

浏览 24提问于2017-01-14得票数 8

1回答

方法将外部url包含到有溢出的现有页中。

javascript、jquery、html、css

我尝试通过iframe删除旧的栏并添加新的栏：除了一些菜单元素有子菜单之外，当菜单下拉时，它被卡在iframe中，不会溢出父页面。我已经调查过了，这是一个iframe的安全问题。但是有没有其他技巧可以让这个外部url加载并溢

浏览 1提问于2013-05-01得票数 0

1回答

未在iframe的body元素中注册的滚动事件

javascript、jquery、html、css、iframe

在firefox中有一个奇怪的问题，即在iframe主体中滚动不会冒泡到父文档。因此，当您完成在iframe内滚动时，它会被卡住，不会滚动父文档。由于跨源策略，它无法在堆栈溢出代码段中工作。请在火狐中试试小提琴。 $($(&#

浏览 3提问于2016-07-27得票数 0

1回答

iOS - iframe正在捕获滚动事件，尽管它不需要滚动。

ios、css、iframe、scroll、overflow

我的页面由一个iframe和一些溢出viewport的额外内容组成：当用户试图在iframe上滚动时，滚动事件是在iframe中触发的，并且出于安全考虑，父窗口对它一无所知。但是因为iframe比它的内容高，所以它不需要任何滚动，因此应该将滚动事件传播到父窗口。它在中的工作方式与预期的一样。但是，一旦iframe被包装在带有overflow: auto或scroll的div中，它就不再在iOS (11.3.1)上工作了，就像您在中看到的那

浏览 2提问于2018-04-30得票数 1

1回答

隐藏iframe底部的特定区域

javascript、jquery、html、css、iframe

我有网站嵌入iframe在webview应用程序中使用 <iframe id="iframe" src="http://www.medicamall.com"></iframe></body>body { padding:0;} border

浏览 0提问于2017-07-01得票数 0

3回答

使元素从iframe溢出。

javascript、html、css、iframe、overflow

一个直接将内容加载到页面中，另一个使用iframe加载内容。我有一个元素，我需要从iframe溢出并完全显示在页面上。这个元素基本上是一个增强的select元素，它使用list (ul/li)构建。我如何使这作为一个选择将在一个iframe和溢出的iframe？首先想到的是将select/list放在iframe之外，并将其放置在正确的位置，尽管这将比我想要的更多地需要iframe和父级之间的通信。理想情况下，我想

浏览 1提问于2011-05-02得票数 6

回答已采纳

2回答

将URL设置为在Django模板中加载iframe

javascript、html、django、iframe

我想将一个iframe加载到Django模板中。模板被正确加载，但是模板本身被嵌入到父模板中，而不是iframe。Player: {{player.username}}</strong>  <iframeid="encoder_iframe" height=7

浏览 3提问于2015-02-01得票数 7

回答已采纳

1回答

JavaScript:是否有可能对iFrame的父母进行滚动监视？

javascript、jquery、html、iframe

我在iFrame里面有一个视差效应。因为我想避免双滚动条，所以iFrame会自动调整到它的实际高度。但是，视差将不再起作用，因为$(window).scrollTop()将始终是iFrame中的0。在iFrame内部有一个脚本，它需要获取.scrollTop() of $('.get-scroll') <div<&#x

浏览 0提问于2018-02-05得票数 1

回答已采纳

2回答

当使用iframe时，如何始终保持最大高度角4

css、html、iframe、scroll、overflow

现在，我有一个带有这种风格的iframe <iframe src="http://test.test"></iframe> margin: 0;iframe { border: none; width: 100%;当html弹出时，高度是正确的(而且我没有滚动条)，但是当iframe页面的内容发生变化时我的

浏览 2提问于2018-01-25得票数 0

回答已采纳

1回答

带指针事件的iframe后面的滚动元素:在ios上没有不工作的

html、ios、iframe、scroll

我有一个可展开的div，在上面有一个带指针事件的iframe : none： <iframe src="..." scrolling="no"></iframe>您可以单击iframe后面的div，但是当您尝试执行滚动时，它在任何地方都能工作我试图将i

浏览 2提问于2022-06-30得票数 0

1回答

嵌入代码滚动不适用于ios响应设备

ios、iphone、css、responsive-design、responsive

-webkit-overflow-scrolling: touch;用这段代码试过了，但还是不起作用。它在其他设备上都很好，在MAC上也很好，只有在ios响应设备上才有问题。

浏览 2提问于2018-07-03得票数 0

回答已采纳

1回答

引用其他页面上的对象

javascript、iframe

我已经写了一个函数来删除一个iFrame，但是我想删除的iFrame在另一个php脚本中被调用。我想知道如何引用这个脚本。这是当iFrame在同一脚本中时的代码： iFrameObject = document.getElementById

浏览 0提问于2012-06-14得票数 1

回答已采纳

1回答

删除div内iframe中的滚动条，但不能滚动

jquery-mobile、iframe、scrollbar

我有一个div和一个iframe这是代码。科多瓦没有跨域问题，但在浏览器中，我不能显示我的工作代码，但这里仍然是代码<iframe class="clsIframe" src="http://www.google.com/" id="viewsite_iframe" width="0"&g

浏览 4提问于2015-03-20得票数 1

回答已采纳

1回答

禁用iOS中Safari中iframe的滚动

css、iframe、scroll、mobile-safari

如果我在网页中有一个iframe，即使它没有溢出的内容(所以它没有在任何平台上显示任何滚动条)，虽然没有任何滚动条只是为了让Safari更清楚一些，但是我添加了 scrolling='off'到iframeoverflow有了这些，当我触摸到iframe顶部的屏幕部分并移动我的手指时，而不是滚动父页面(因为据推测我在iframe中禁用了所有类型的滚动)，它尝试用动量滚动滚动iframe。例如，如果我在iframe上面有<div>Some

浏览 3提问于2019-11-23得票数 1

2回答

每次加载页面时显示加载gif。

javascript、jquery、html、css、frontend

我希望无论何时在iframe中加载一个新页面，都会在父窗口的iframe上显示一个加载GIF。我已经看到了类似问题的解决方案，但它们似乎只适用于默认页面。一旦用户在iframe中从该页面导航，加载的GIF就不会出现。这是否可以使用JavaScript或jQuery？我在堆栈溢出上尝试过其他解决方案，但没有成功。

浏览 7提问于2015-08-23得票数 1

回答已采纳

2回答

不仅在iframe中打开的iframe内容

javascript、html、redirect、iframe

我有一个基页面，其中使用的是不同域的Iframe。内容获得呈现，但如果用户单击在iframe内呈现的任何链接，它将作为普通页面打开。我希望它只在Iframe打开。简单地说，整个网站是在iframe中打开的，用户应该能够在iframe中完成他的工作。在浏览器中单击iframe内部的任何链接都不应该打开。这样我就可以创建一个中央应用程序，它可以在iframe中打开我的应用程序(现有的)。此外，如果用户单独打开应用程序，它也可以工作。

浏览 4提问于2016-04-06得票数 1

回答已采纳

1回答

Column Flex，子iframe* 100%高度，显示父滚动*

css、flexbox、overflow

在div中有高度100%的iframe，家长显示Y scroll.why它溢出了吗？ position:absolute; width:100%iframe { width: 100%"> Head <div class="flex-grow-1 over

浏览 1提问于2020-09-09得票数 0

3回答

将值从iframe覆盖传递到父页面

javascript、php、jquery

我在堆叠溢出问题上找不到好的解决办法。$(".iframe").colorbox({width:"1000px", // Beginthe overlayvar myvalue = $("#myvalue

浏览 2提问于2014-11-06得票数 1

回答已采纳

点击加载更多