按下提交按钮后出现的iframe垂直滚动条

时间:2013-06-25 05:27:25

标签: php javascript html css iframe

我在覆盖div中的iframe中显示了一个联系表单,我已调整该表单以适应div维度指南中的div。 div首次出现时没有滚动条显示。然后我填写表单,点击发送,并且在我点击发送后立即显示垂直滚动条,显然在表单发送时,然后滚动条在我收到确认屏幕后再次消失。

Contact Form Example of Scrollbar appearing http://i41.tinypic.com/169155v.png

现在我真的不知道从哪里开始,除了我相信我的CSS很好。我有两个css文件附加到我的contact.php。我还有一个process_form.php和三个javascript文件(其中两个是jquery引用)。由于所有代码,我不想在这里粘贴所有这些。就像我说的那样,我已经经历了css上下,但我不像js或php的经验,看看它是否是代码中的东西。如果有人能指出我在哪里看正确的方向,那将是伟大的。如果你想让我发布一段代码,我会的。但就像我说的,我不想在这里发布随机代码。在上面的图片中,顶部截图是在我点击提交之前,第二个图像是在点击发送后的几秒钟,然后最后一个图像是我的确认。滚动条仅垂直一秒钟。我已经将以下类应用于我的iframe,这没有帮助:

.restrict{
width: 700px;
height: 380px;
overflow-y: hidden;
}

特别之处在于,我必须完全调整我的联系人形式中所有元素的宽度,以使其适合我的显示div,因为垂直滚动条始终与上述类一起显示。所以我不确定为什么溢出属性在我调整我的元素的css中的宽度之前没有工作,但我无法摆脱那个垂直滚动条,直到我让我的表单适合我的显示div。

如果我首先要检查我的代码以找到问题,那么任何关于如何让垂直滚动条不显示的建议都会很棒。

1 个答案:

答案 0 :(得分:1)

您可以使用html隐藏滚动条,而不是使用CSS。像这样 -

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

我希望这会有所帮助。