Question

在结算过程结束时，用户将被定向到他们完成流程的页面。此页面嵌入在iframe中，来自其他人，因此我无法访问其内容。

所有浏览器和平台都能正常工作，除了iPhone（在那里测试Chrome和Safari）。当您单击提交按钮时，它会将iframe滚动到顶部，并且不会提交任何内容。有趣的是，当您在滚动按住按钮并按住它2秒钟时它会起作用。

如何让iframe中的提交按钮生效？

滚动iframe不是问题，滚动适用于iPhone。

以下是 Codepen 中的一个示例和一个代码段：

iframe
{
  width: 100%;
  -webkit-overflow-scrolling: touch;
  height: 500px;
}

<iframe src="https://labs-test.chargebee.com/pages/v2/e1Ny4GZ2oKxnF3cdy9jgbWBUAvp7EJ4RM/checkout" scrolling="yes"></iframe>

注意：示例中使用的Iframe是计费平台中的示例，如果您使用它进行测试，则不会购买任何内容（如果您在字段中点击，则会出现假的有效卡号）