Question

我正在使用iframe来引入在不同域上开发的小部件。

<iframe allowfullscreen="allowfullscreen" src="https://otherdomain.com" width="100%" data-embed="true" frameborder="0" height="800"></iframe>

在iframe中，我有一系列用户浏览的屏幕。这些是基本的show（）/ hide（）：

<section id="step1">
    CONTENT FOR SCREEN ONE<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT<br>LOTS OF CONTENT
</section>    
<section id="step2" style="display:none;">
    CONTENT FOR SCREEN 2
</section>    
<section id="step3" style="display:none;">
    CONTENT FOR SCREEN 3
</section>    
<section id="step4" style="display:none;">
    CONTENT FOR SCREEN 4
</section>

当您从屏幕1导航时，问题出在移动设备（Android / FF和iphone / Safari）上，屏幕1底部有很多内容和链接，屏幕2仍然滚动到屏幕2的底部！

我添加了以下jQUery：

$('#top').focus();

iframe内容顶部的输入框：

<input type="text" id="top" style="" />

这个有效！它将用户置于iframe内容的顶部。我试图将输入框更改为div，但它不起作用。然后我试图隐藏输入框，但它仍然会调出移动键盘＆＃34;当你专注于输入框时。

如何在不使用输入框的情况下成功跳转到页面顶部？

iframe滚动问题

0 个答案: