目标: 我正在其中一个付款网关中使用Iframe解决方案,但遇到了一个巨大的问题:每当我单击“付款”按钮,并且缺少输入字段时,表格应滚动到顶部。
问题: 但是,如果将iframe的高度设置为100%高度=>没有滚动条,则此功能不再起作用。这会在用户端引起很多混乱,例如,缺少一个名字输入字段,但是由于没有滚动,因此您只是在表单底部,单击一个按钮而没有任何操作。
我尝试不成功的原因: 任何类型的double div容器。使iframe滚动条溢出,并在其周围包裹一个父div以隐藏滚动条。
麻烦的解决方法:-(如果我设置
高度:自动!重要;最小高度:800像素!重要;
用于iframe。表单滚动功能将再次起作用,但滚动条也将返回。
///更新/// 要查看功能如何正常运行,请参见iframe的原始页面:https://app.paykickstart.com/checkout-embed/4d45adcaa4d638fe9d9f39f920b81f2da472cc52