当提交内容较长的iframe表单时，感谢消息不可见，需要向上滚动家长才能看到
基础概念
当提交内容较长的iframe表单时，感谢消息不可见的问题通常涉及到以下几个方面：
- iframe布局：iframe是一个内嵌的窗口，用于在网页中嵌入另一个HTML文档。
- 滚动行为：iframe内的内容如果超出其高度，需要滚动才能查看全部内容。
- 表单提交：表单提交后，通常会显示一个感谢消息或重定向到另一个页面。
相关优势
- 隔离性：iframe可以隔离内嵌内容和主页面的脚本和样式，提高安全性。
- 灵活性：可以嵌入不同来源的内容，适用于第三方内容集成。
- 用户体验：通过iframe可以实现无缝的用户体验，特别是在嵌入视频、地图等第三方服务时。
类型
- 固定高度iframe：设置一个固定的高度，超出部分需要滚动。
- 自适应高度iframe：根据内容自动调整高度，避免滚动问题。
应用场景
- 嵌入第三方内容：如地图、视频、社交媒体小部件等。
- 复杂表单：当表单内容较多时，使用iframe可以更好地管理布局和滚动行为。
问题原因
当提交内容较长的iframe表单时，感谢消息不可见的原因可能有以下几点：
- iframe高度固定：如果iframe的高度是固定的，提交表单后显示的感谢消息可能被遮挡在iframe的底部。
- 滚动位置：用户提交表单后，iframe的滚动位置没有重置，导致感谢消息不在可视区域内。
- JavaScript处理不当：表单提交后的JavaScript处理可能没有正确地调整iframe的高度或滚动位置。
解决方法
以下是一个示例代码，展示如何通过JavaScript动态调整iframe的高度，并在表单提交后显示感谢消息：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Iframe Form Example</title>
<style>
iframe {
width: 100%;
border: none;
}
</style>
</head>
<body>
<iframe id="myIframe" src="form.html"></iframe>
<script>
function adjustIframeHeight() {
var iframe = document.getElementById('myIframe');
iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
}
window.onload = function() {
var iframe = document.getElementById('myIframe');
iframe.onload = adjustIframeHeight;
};
</script>
</body>
</html>在form.html中：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form</title>
</head>
<body>
<form id="myForm" action="submit.html" method="post">
<!-- 表单内容 -->
<input type="submit" value="Submit">
</form>
<script>
document.getElementById('myForm').onsubmit = function() {
window.parent.adjustIframeHeight();
};
</script>
</body>
</html>参考链接
通过上述方法，可以确保在提交内容较长的iframe表单后，感谢消息能够正确显示在可视区域内。
相关·内容
我在this demo page (跨域)上放置了一个表单(由我托管)。我可以在父节点和子节点上添加代码。 iframe自动调整大小效果很好(使用iframe-resizer)，但是当在移动设备或桌面上提交表单时，如果窗口较窄(因此滚动条较长)，则不会立即显示感谢消息。你需要向上滚动一下父页面才能看到它，这可能会让人感到困惑。 iframe被完美地缩小到合适的大小，但不知何故需要做一个自定义的postMessage来告诉父级滚动/跳转到嵌入的iframe的顶部。 有没有关于如何使用已经存在的iframe-resizer脚本的想法，或者我可以在没有它的情况下做一个postMessage，如果是
浏览 31提问于2019-03-23得票数 0
我有一个页面，在iFrame中有一个表单。表单相当长，所以iframe也很长。表单提交后，表单会消失，内页顶部会出现一条消息。但是，由于初始iframe很长，当用户提交时，除非用户向上滚动到顶部，否则会看到几乎是白色的页面。
在提交表单(在iframe中)时，我需要能够转到iframe的顶部。在成功提交时，我在成功代码中尝试了以下代码(通过PHP编写jQuery )：
echo ("<script type=\"text/javascript\">\r\n");
echo ("$(document).ready(function() {\r\
浏览 3提问于2011-11-05得票数 1
1回答
你能帮我解决有关iframe的问题吗?因为每当iframe滚动到结尾，用户在iframe内单击页面内的控件，页面内容位于页面顶部时，用户需要向上滚动iframe才能看到内容。
是否有什么属性可以设置，或者可以编写代码，以便每当在表单中触发事件时，iframe滚动条都会回到顶部？
浏览 1提问于2010-06-14得票数 2
回答已采纳
1回答
情景:我有一个带有iframe的页面，其中包含一个表单。但是iframe比屏幕页面还长，用户必须向下滚动才能提交它。但它只加载iframe的内容，所以在提交页面之前会滚动相同的量。我想要在页面的顶部。但是由于用户滚动的是facebook页面，而不是iframe，所以我不能使用scrollTo (不允许跨域iframe)。
问:是否可以将表单提交到facebook以重新加载整个页面，同时仍然允许我访问表单数据？
浏览 0提问于2011-10-05得票数 0
回答已采纳
我有一个表格，是放在IFrame.I中的。我已经添加了javascript函数用于验证。在未填写必填字段的情况下单击提交按钮时，将出现错误消息。
该表单包含8个以上的字段。错误消息将显示在页面顶部。因此，当单击submit按钮时，它会停留在页面的底部。因此，错误消息是不可见的。
为了让Scroll在iframe中向上滚动，我添加了以下代码，
parent.parent.window.scroll(0,0);
它将我带到iframe.But页面的顶部，跳过Javascript验证。它在不进行验证的情况下传递请求。
在这件事上请帮帮我。
提前感谢
浏览 1提问于2013-08-20得票数 1
如何在提交嵌入的Google表单后滚动到成功消息，以便用户看到消息？我的高度约为2000 up，当它完成时，提交的消息是不可见的，用户必须手动向上滚动。
例如，表单占据整个2000≈高度，当提交时，成功消息位于2000≈的前200≈，浏览器停留在≈滚动的2000≈高度。
浏览 0提问于2016-05-13得票数 1
1回答
提交表单后，页面将被加载，滚动将自动上升，用户必须向下滚动才能看到消息。我们能禁用卷轴吗？
下面是我所面临的问题的网址
http://www.wavesstrategy.com/forums/topic/nifty-neo-wave-training-queries/ http://www.wavesstrategy.com/free-member-login/
在上面的页面上填写了表单后，卷轴就会向上移动。
浏览 0提问于2017-04-18得票数 0
所以我有以下问题:我有一个iFrame格式的网站。我希望父站点在您转到iFrame中的新页面时向上滚动到顶部，这是通过以下JavaScript实现的：
function scrollToTop() {
if ('parentIFrame' in window) {
window.parentIFrame.scrollTo(0,0);
return false;
}
}
但是，在一页上我有一个由两部分组成的表单。如果提交第一个表单，就会转到第二个表单，但这两个部分都在同一个PHP文档中，所以您停留在同一个页面上，但iFrame会重
浏览 0提问于2018-11-15得票数 0
有谁知道如何在提交iframe表单时，让嵌入了iframe表单的页面滚动回到页面顶部？例如，我在页面上嵌入了一个Google表单。当我提交表单时，我需要页面滚动回到顶部，以便确认消息可见。将onload="scroll(0,0)添加到iframe中对Chrome来说效果很好，但对火狐( 54版本左右)就不太好了。或者，如果有人知道Google表单或google应用程序脚本中的一个功能可以完成同样的事情，我将非常感激。谢谢。
浏览 0提问于2017-08-16得票数 0
1回答
将表单提交到iframe后，我的页面不会重新加载(这就是我想要的)，但它会向上滚动到顶部。我怎样才能防止这种情况呢？
<script type="text/javascript">
function showThanksDiv(){
document.getElementById("myThanksDiv").style.visibility = "visible";
}
</script>
<form id="contacts-form" method="pos
浏览 0提问于2013-02-10得票数 0
回答已采纳
我有一个可滚动的iframe。调用一个函数，该函数传递一个div (文本消息泡)的ID，以便集中处理。它可以工作，但当专注于项目时，它总是出现在iframe的最顶端。因此，用户必须向上滚动一点，才能看到用户正在回复的消息。我想让这个函数专注于消息，但是让它出现在iframe的中心。我相信问题在于我试图使用..。
iframe.contentWindow.location.hash
再加上..。
iframe.contentWindow.scrollTo(0,400);
我想不出解决这个问题的办法。我在想，也许能得到这个项目的y-coord，scrollTo，它是y-coord + iframe
浏览 10提问于2015-03-01得票数 0
回答已采纳
1回答
我正在尝试创建一个固定在网页底部的消息框，这样当用户滚动时，它就会保持不动(简单的css)。但是，当用户滚动到网页中的某个点时，我希望消息框消失。
例如，如果你的网站底部有一个注册表单，我想创建一个消息框，上面写着“向下滚动到注册”，当用户向下滚动到注册表单的顶部时，消息就会消失，或者被表单掩盖。因此，当它们向上滚动时，消息会重新出现。
这不是我的实现，而是对这个概念的准确说明。
我没有任何使用Javascript开发的经验，但我希望有一个现有的方法来解决这个问题。我愿意学习，这是我想要使用的东西。
有什么想法吗？或者开始学习的概念？
谢谢你们！(我认为这可能是一种非常聪明的方法，可以突出显示
浏览 2提问于2009-02-26得票数 1
回答已采纳
我有一个常规的表单，它要求多个输入并且中途关闭，一个iframe窗口，它执行一个类似于这里的自动建议：。
我的表单看起来类似于这样:当我单击提交(位于父窗口中)时，在iframe中加载的auto-suggest的文本区域中加载的值不会传回父表单。
我研究并尝试了许多建议，包括家长标签。当我去掉iframe并将所有内容都转储到常规表单中时，表单提交时会传递自动建议的值，因此我知道它是有效的。
我为我的问题质量有点差而道歉；整个情况很难解释。
浏览 0提问于2012-02-07得票数 0
这是加载到父页面的iFrame中的脚本。
问题：，我希望它在每次单击iframe中指定的内容时滚动到iFrame的顶部，同时具有iFrame更改页面的内容。
(例如，我单击iFrame中的提交按钮在iFrame中加载新内容。同时，父页面滚动到iFrame的顶部)
我给了iFrame一个“iFrame”的id。当我单击iframe中名为“imageField”的元素时，它将提交一个表单并在iFrame中加载新内容。但我也希望它滚动到iFame的顶部，在主页面上加载iframe。
原因是有些内容更大，当他们从iFrame中较大的内容中点击submit，然后转到较小的内容时，屏幕看起来是空白的，因为
浏览 1提问于2013-01-18得票数 0
我已经创建了一个AJAX表单。表单提交后，我调用$this->createOkResponse()，它用消息更新页面的一个部分(它用消息替换表单)。
除了一件事:表单很长，提交按钮在底部，一切都很好。当我用我的ReplaceCommand()替换页面内容时，我显示的信息会出现在页面的顶部，但是页面不会向上滚动到顶部。
然后我想我可以使用一个ScrollTopCommand()来强迫页面向上滚动，但是它不起作用。我已经检查了body是否有滚动条。我尝试过用body和html以及html, body作为选择器，但是没有什么效果。
我已经多次清除缓存，并且在错误日志或Javascript控制台
浏览 0提问于2022-08-19得票数 1
回答已采纳
我有一个表单，其中有一个字段和一个带有ajax提交选项的提交按钮，如下所示-
public function buildForm(array $form, FormStateInterface $form_state, $id = 0)
{
$form['fieldset']['message'] = array(
'#type' => 'textfield',
'#default_value' => "",
'
浏览 1提问于2018-04-12得票数 0
在salesforce lightning组件中，我们有三个不同的div，我们使用display none css属性根据需要隐藏和显示它们。第一个div有更多的内容，我们必须将页面滚动到最后才能提交表单，在提交时可以看到下一个页面，它有几行内容，但我们必须向上滚动才能看到这些内容。有没有什么方法可以让我避免滚动。第二个div采用第一个div的高度。
浏览 0提问于2016-06-15得票数 0
我在一个iframe里面有一个引导模式。如果我在iframe内向下滚动并执行该模式，我将无法看到它，因为它位于iframe的顶部，我必须向上滚动才能看到它。有没有办法让它停留在iframe的视口内？
浏览 3提问于2014-11-24得票数 0
1回答
我有一个表单(jsp页面)，并包含一个div，如果有错误消息将在其中显示。当用户提交表单时，将在服务器端完成验证，并根据任何违规设置一个错误消息字段，该字段使用div中的struts属性标记显示在JSP中。
现在的问题是，因为我的表单有很多字段，所以提交按钮放在表单的下方，错误div放在表单的上方，因此在出现错误的情况下，消息do会显示出来，但用户需要向上滚动来查找错误消息。我需要的是，当错误发生时，页面应该会自动滚动起来，错误应该会得到突出显示。
如果可能，我可以使用任何jquery或css解决方案。请帮帮忙。谢谢
浏览 1提问于2013-03-11得票数 0
回答已采纳
3回答
我有一个很长的表单与提交按钮在表单的底部。我在表单中有多个输入字段，标记为required属性。因此，当前几个输入字段中的一个留空时，我向下滚动到单击submit，浏览器顶部的第一个错误正确地显示了错误“请填写此字段”。但是，我必须一直滚动到顶部才能输入输入。如何让它自动向上滚动以聚焦于第一个输入错误？
浏览 1提问于2015-05-18得票数 6
我在联系人表单上使用google recaptcha。问题是，在移动设备上，当google recaptcha被验证后，它会将使用向下滚动到页面底部。然后，用户必须再次向上滚动才能提交特定的表单。
这仅在运行版本10或更高版本的ios设备上发生。
我还没能解决这个问题。
你可以在这里看到这个问题
浏览 1提问于2017-01-27得票数 7
1回答
我有一个带有内联onsubmit事件的表单(为测试目的发送一个简单的警报)。此警报在从此页面中提交信息时触发OK。
此表单有一个iframe，其中有一个按钮，该按钮接受窗体父级，并提交它。父服务器上的“回发”正在触发，但警报没有触发。也许我做错了什么，因为警报没有开火，还是不可能？
家长表格：
<form name="form1" method="post" action="mipagina.aspx"
onsubmit="javascript:alert('hola');" id="form1&#
浏览 0提问于2019-01-18得票数 0
回答已采纳
1回答
所以我尝试这样做，用户可以通过向上或向下滑动提交按钮来提交表单(只需在手机上触摸它，然后将其向上或向下拖动到某个阈值，它就会提交表单)
这个是可能的吗？要实现这一点，我需要做些什么？
例如，按钮可以向上或向下拖动，如果超过了某个阈值(可能是向上或向下的50px )，它将AJAX表单提交
提前感谢！
PS:这不是我正在做的，这只是一个更复杂的概念的基本总结！
实际上，我正在考虑使用一个移动技巧来实现这一点，比如使按钮可滚动，但隐藏它的滚动条，但我如何实际标记阈值，使其在滚动到特定位置时执行某些操作？
浏览 2提问于2016-04-04得票数 0
1回答
现在我有了这个密码。
procedure TForm1.Memo1Change(Sender : TObject);
begin
SendMessage(Informacje.Handle, EM_LINESCROLL, 0, Memo1.Lines.Count);
end;
问题是，当添加新行时，我无法向上滚动MemoLines。我想停止移动光标到结束滚动向上，开始向后移动光标到结束时，滚动条在底部。谢谢的帮助。
换句话说。想象一下，有一个IRC聊天与备忘录。新消息，插入符号在最后一条消息的末尾。现在，我想读以前的消息，使用滚动条(向上)，但我不能因为有较新的消息，使卡雷特回到底部。我想
浏览 2提问于2013-07-17得票数 2
回答已采纳
1回答
我一直在到处寻找，似乎找不到答案。 当制作具有固定html和body但可滚动div的应用程序时 html, body { width: 100vw; height: 100vh; overflow: hidden; }
.inside { height: calc( 100vh - 8em ); overflow-y: scroll; } 当我试图滚动到输出响应消息的div的顶部时，它似乎只向上移动了大约200px，但并没有一直移动到顶部： ? 因此，为了解释上面的GIF，当用户滚动到底部并提交表单时，它只会向上移动表单的一小部分。然后我手动滚动到顶部以显示#response div
浏览 26提问于2019-12-22得票数 0
回答已采纳
1回答
在使用location.hash提交之前，我将值从1IFRAME传递到父窗口，它对1IFRAME非常有效，但我有4个iframe，我需要将这些iframe分开：
Iframe1我有：
<script language="javascript">
function update(val) {
parent.location = document.referrer + "#" + val
}
</script>
家长我有：
<script type="text/javascript">
var v
浏览 0提问于2012-07-13得票数 0
我们有一个iframe在一个与我们的主要网站不同的领域。
这个iframe由一个表单组成，我们想从外部跟踪一些事件。
有许多网络资源(，.)教您如何为窗口发送postMessage，但是路径总是将消息从父端发送到iframe/弹出窗口。
如果父域位于同一域中，也可以像所指出的那样发送消息。
我们需要从iframe发送一条信息给家长。
而且，它们属于不同的领域。
这有可能吗？
谢谢
浏览 4提问于2015-12-09得票数 1
回答已采纳
2回答
我现在这样做是为了注入一个iframe：
var iFrame = document.createElement ("iframe");
iFrame.src = chrome.extension.getURL ("chrome.html");
iFrame.setAttribute("scrolling", "no");
iFrame.setAttribute("frameborder", "0");
iFrame.setAttribute("style", "bord
浏览 3提问于2013-12-03得票数 0
1回答
固定div位置，与滚动条无关
、、、、
我已经在iframe.Inside中放置了一个div，其中包含一个显示弹出窗口的链接。
我的页面高度太大(height=1500px)。页面包含2个div
第一个div包含一些徽标和一些文本
第二个只包含iframe。
当我点击该iframe内的锚(链接)时，它会显示一个弹出窗口。我已将弹出窗口的位置固定在iframe的底部。
当我向上滚动时，弹出的消息就隐藏了。如何确定弹出窗口的位置，以便滚动页面上将出现的页面。
意味着如果我们向下或向上滚动，弹出窗口将会出现。
为此，我在谷歌中搜索，发现如果我们写"position: For“，那么它就会起作用。但在iframe的情况下，它不起作用
浏览 0提问于2013-12-17得票数 0
我在页面上的许多按钮上使用Bootstrap模式。如果我向下滚动页面并单击一个按钮，模式自然会在窗口(而不是文档)的顶部打开。平安无事。
然而，我希望能够在非常高的iframe中支持相同的功能。假设一个iframe有1000px高。如果我将顶层文档向下滚动到iframe的一半，但我根本没有滚动iframe的内容，那么我就遇到了一个问题。如果我单击一个按钮，javascript会认为没有进行滚动，并在iframe文档的顶部呈现模式。因此，模式不在屏幕上(我必须向上滚动顶层文档才能看到它)。
假设父窗口和iframe内容在不同的域上(所以应用同源策略)，有没有办法让我检测到在哪里放置模式，使其始终
浏览 5提问于2015-05-20得票数 0
1回答
我有一个页面，用户可以提交一个简短的形式，要求报价。我不想失去页面上下文，所以我想在对话框窗口中打开该表单，并允许他们从那里提交。这一切都是可行的，但我在iframe和ajax实现方面都有问题。具体地说：
我无法让iframe实现调整其内容的大小。
我无法让ajax实现在对话框中提交表单。
当表单提交时，我希望对话框保持打开，这样我就可以为用户显示任何表单错误或感谢您/成功消息。然后，他们将能够重新提交或关闭对话框。
我一直没能找到办法让这件事成功。我并不特别关心我所使用的实现，但我需要用户体验才能更好。有什么想法吗？
浏览 3提问于2011-05-21得票数 0
回答已采纳
2回答
有条件地动态设置表单目标
、、、、
我正在开发一个使用spring和dojo的web项目。我有个独特的问题。这就是我要做的：
向控制器提交表单并在控制器中生成pdf。在回应中设定pdf
表单的目标是iframe，以便pdf在提交后显示在表单中。
这是完美的。现在我的问题是：
我正在使用spring验证器对表单进行验证，如果有错误，我必须返回到同一个页面，其中包含错误消息。问题是将这两种方法结合起来。如果我找到一个错误并返回返回视图，因为表单的目标是iframe，响应将显示在iframe中，这显然是我不想要的(我想显示新的页面)，如果一切都很好，我必须在响应中设置pdf并使用目标在iframe中显示它。我怎样才能做
浏览 2提问于2013-06-25得票数 1
回答已采纳
1回答
检索POST命令的XML结果
、、、、
作为我的GWT应用程序的一部分，我有一个POST方法，它接受一个文件(所以我需要使用表单提交)，并以xml的形式返回更新后的元素列表。我使用GWT formPanel来做这件事。表单面板将帖子的结果重定向到一个单独的iframe中。使用dom检查器，我可以看到结果实际上就在那里。不幸的是，GWT使用iframe.contentWindow.document.body.innerHTML检索结果。因为我的结果是使用内容类型text/xml发回的，所以使用了浏览器的xml解析器，显然html DOM不适用。我现在需要了解正确的javascript才能获得xml内容。
浏览 0提问于2009-09-09得票数 0
回答已采纳
我有一个表单，其中需要第一个输入：
<form>
<input type="text" required>
<input type="submit">
</form>
用户必须滚动才能到达submit按钮：
input[type="submit"] {
margin-top: 150%;
}
如果我提交表单，而没有填写所需的字段，则视口将滚动到顶部，并看到html5验证气泡。
如果我再次向下滚动到提交按钮所在的位置，那么验证气泡仍然是固定的。我希望它会随着它所依附的磁场而消失
浏览 4提问于2013-08-15得票数 3
回答已采纳
1回答
我有一个web应用程序: 1.是一个iframe (它出现在多个地方，例如facebook)。2.里面有模态(我用的是jqmodal)。3.有一个垂直滚动条。
问题是，当从页面底部的链接打开模式时，该模式会出现在页面顶部，因此用户必须向上滚动才能看到该模式。
有没有办法使模式垂直居中？或者在外框中向上滚动？
提前谢谢你。
浏览 0提问于2010-08-23得票数 2
1回答
我不想用AJAX提交表单，但我想在表单提交过程中向服务器发出几个GET请求来创建一个进度条，因为多个文件上传可能需要提交一段时间。我发现在webkit浏览器中，我不能在表单提交时发出GET请求，而我发现将表单提交到iframe将允许我这样做。
标记如下所示：
<form action="/my-action" target="target-iframe">
...
</form>
<iframe name="target-iframe"></iframe>
和JavaScript：
$(docume
浏览 2提问于2013-10-29得票数 0
1回答
我正在通过嵌入式表单将数据提交到Google工作表。我正在使用隐藏的iframe方法劫持默认的Google重定向到确认页面。表单提交正常，但当我离开页面时，会弹出一个“待定表单响应”警告消息。我不是通过ajax提交的，这是一个标准的表单提交，我想一旦onsubmit函数被调用，表单响应就不再是挂起的了？
有什么办法防止这种情况发生吗？
编辑:添加代码。formSubmitted()函数隐藏表单并显示内联警告。
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;&#
浏览 0提问于2014-08-06得票数 3
我是android新手，正在练习类似googleplay应用程序的UI，这是该列表的默认视图：
当我向上滚动列表视图时，操作栏被向上滚动并消失了，基本上我的英语太差了，我不知道我必须如何或使用哪个关键字在google搜索中才能得到这样的结果(如您所见，操作栏就在listview中)
请告诉我如何学习，或者给我一个学习的例子，谢谢！
浏览 0提问于2014-10-31得票数 0
客户端希望为其站点范围内的订阅应用程序调整现有的表单。由于站点的布局方式，实现这一点的最简单方法是让iframe将现有的表单拉到新页面中。但是，当表单验证触发失败时，这会对现有行为造成一些问题。
我在页面上有一个iframe：
<iframe class="contactForm" frameborder="0" height="1720px"
src="/path/to/contact.html" width="904px”>
<p>Your browser does not sup
浏览 8提问于2014-07-23得票数 1
1回答
当我提交表单时，表单出现错误，比如空的必填输入，浏览器会向上滚动到该输入。我不想这样。我有自定义的滚动到错误的输入和浏览器滚动干扰我的。如何禁用此功能？
顺便说一句，我使用了react-hook-form
浏览 0提问于2021-04-22得票数 0
我已经尝试解决这个问题好几天了，这让我抓狂。我甚至不确定这是否可能，所以任何帮助都将不胜感激。我在这个伟大的网站上搜索了数百个答案，但我找不到我想要的那个。
我正在尝试使用一个按钮在我的html页面上滚动iframe的内容。
基本上，我有两个iframe(名为iframe1 & iframe2)，它们并排放在我的html页面上。我在每个iframe下面都有两个按钮。iframe1是向上和向下滚动的，因此按钮被命名为“向上和向下”，它们使用以下代码工作得很好：
<input type="button" class="button" onclick=&
浏览 4提问于2013-02-07得票数 0
2回答
我的主HTML表单上有两个<iframe>。
这些<iframe>是从不同的外部域加载的。有时候，外部服务器离线，用户在我的页面上看到The page can't be dispayed消息。
当目标服务器不可用时，有什么方法可以隐藏这些<iframe> ？
浏览 1提问于2010-05-13得票数 0
回答已采纳
我在一个页面上有一个从中间到底部的iframe。当我加载页面时，它会滚动到底部。我试着body onload window.scroll(0,0)，但它做了一个丑陋的效果，因为它首先向下，然后立即向上滚动。
页面上使用iframe自动滚动到底部的原因是什么？
浏览 0提问于2011-07-06得票数 22
3回答
请注意:这不是“用两个手指滚动”的问题。不管是一根手指、两根手指、三根手指，还是整只手，由于某种原因，我们的iframe不能在iPad上滚动。:)
以下是场景：
在我们使用EXT-GWT构建的web应用程序中，我们有几个窗口作为(最大化的)弹出窗口打开，并向用户显示一些表单。这些表单在大多数情况下是外部的，在iFrame中呈现，其中一些表单的内容在初始加载时折叠-用户可以选择展开表单的任何部分，填写并提交。现在，除了iPad中的滚动之外，一切都可以正常工作。在加载和折叠iframe的内容(折叠是在客户端使用JS完成的，基本上，内容在默认情况下加载为展开，然后由JS折叠)之后，iPad无法提供对
浏览 5提问于2011-08-16得票数 2
回答已采纳
我写了一个内容脚本，可以将iframe注入到任何网站(因此是不同的域)。
我需要家长网站向孩子iframe发送一些信息，但是我找不到方法。
代码
var targetFrame = $('#myIframe')[0];
targetFrame.contentWindow.postMessage('the message', '*');
不知何故不起作用，我得到了一个Cannot call method 'postMessage' of undefined错误。但是，当我直接在Chrome的控制台中尝试相同的代码时，它就起作用了。
浏览 3提问于2012-08-02得票数 8
1回答
我正在做一个基本的聊天网页，我使用了一些来自bootstraps的预定义类作为我的聊天表单与我自己的一些CSS相结合，问题是每次用户打开聊天表单模式时，显示消息的表单(具有overflow: scroll；的CSS属性)中的输出总是开始显示最旧的消息，并且用户必须向下滚动才能显示最新的消息，我从这里的一个问题中找出了一个脚本，使输出显示最新的消息，但现在我不能再滚动到顶部:)
下面是3个表单输出的脚本
<code>A0</code>
<code>A1</code>
<code>A2</code>
pls，help :&
浏览 15提问于2021-06-13得票数 0
我有一个带有iframe的页面。在iframe中是一个针对该框架的表单。提交按钮位于底部附近，但结果页面很短，并且显示在顶部。因此，当用户单击提交时，表单将消失，但他们看不到结果，因为它们向下滚动太远。
我希望视图可以重新调整，而不是仅仅在结果页面中放置一堆空格。当用户点击submit时，有没有办法做到这一点？
浏览 14提问于2009-05-12得票数 3
回答已采纳
2回答
我有一个web应用程序，它将主站点内容包装在Iframe中，以启用一些跨站点持久存在的元素(据我所知，只有这样才能做我想要做的事情)。
它在大多数浏览器上运行良好，但在Iphone上有一个滚动问题:内容会显示，但尝试滚动时会执行拖放操作。
有没有办法告诉Iphone浏览器在特定的Iframe中使用正常的滚动？
示例站点：
万分感谢，
卡洛
浏览 0提问于2010-11-06得票数 1
1回答
我有一个网页，我在其中包含了一个外部iframe在它的中间(下面的折叠)。在此iframe中，有一个带有闪烁光标的输入文本(即焦点已设置到该特定输入文本)。因此，当页面加载时，它会直接向下滚动到iframe和输入文本。
但是我不想让我的页面向下滚动，或者我想在页面完全加载/就绪后再向上滚动。
你知道在我的父窗口集中在iframe输入文本上之后，有什么方法可以将它滚动到顶部吗？我没有任何访问iframe源代码的权限...
我已经得到了这段代码：$(Document)函数(.ready(){ $(.my-wrapper input).focus()；})；
其中my-wrapper是我页面顶部的一
浏览 0提问于2013-08-09得票数 0
这只发生在谷歌Chrome和Safari。这是一个有问题的页面：
打开登陆后，单击post your apartment，通过ajax加载表单，页面自动滚动到底部，如果向上滚动，它将再次返回底部！
是什么引起的？
编辑：
对此我很抱歉，但我等了几个小时，然后，因为它必须修复，开始试验它，并改变了几件事，并最终解决了问题。我在这个过程中学到的是：
I在页面上有一个零宽度和高度的iframe，用作上传表单的target，这样我们就可以上传照片而无需刷新页面。这个iframe是body中的最后一个元素。当我把它的位置改为顶部时，滚动体从坚持底部位置变为坚持页面顶部位置。现在，页面不允许您向下滚动页面
浏览 2提问于2010-06-07得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
