javascript – 在iOS设备上填写iframe表单时跳转页面

2023年2月18日 243次阅读

我的iOS浏览器有问题

这是首发条件：
     – 我们有一个简单的html页面,它包含iframe
     – iframe还包含带表单的简单html页面
     – iframe没有滚动,它的大小是固定的

错误：
    现在,如果我们将在iPhone上打开此页面(从Chrome / Safari浏览器)并开始填写表单,
    然后在文本打印的某个时刻,页面自动向下滚动

This is example link

<div id="container">

  <iframe src="https://www.w3schools.com/php/demo_form_validation_complete.php" frameborder="0"></iframe>

</div>

为什么会这样？如何防止这些页面自动“跳转”？

最佳答案 这可能有效：

HTML：

<div class="scroll-wrapper">
    <iframe src=""></iframe>
</div>

CSS：

.scroll-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;

    /* important:  dimensions or positioning here! */
}

.scroll-wrapper iframe {
    /* nada! */
}

资料来源：https://davidwalsh.name/scroll-iframes-ios

点赞