javascript - 无法滚动到 iOS 上 iframe 内的页面顶部
<p><p>我有一个通过 iframe 在外部站点上访问的页面。我的一些 JS 函数需要立即滚动到页面顶部,这在桌面浏览器中运行良好。但是在 iOS 上的浏览器中,当我的页面尝试在 iframe 内滚动到自身顶部时,它就无法正常工作。</p>
<p>我已经尝试了所有我能想到的:<code>scrollTop = 0</code>、<code>x.scrollTo(0,0)</code>,以及 jQuery 的 <code>animate({ scrollTop: 0 })</code> 和 <code>scrollTop()</code>。所有这些都尝试了各种选择器(适用的 div、<code>window</code>、<code>body</code>、<code>html</code>、<code>document</code>、<code>parent.document</code> 等)。</p>
<p><a href="https://stackoverflow.com/questions/30478157/jquery-scrolltop-not-working-inside-iframe-on-ios" title="this thread" rel="noreferrer noopener nofollow">this thread</a> 中的答案在较新版本的 iOS 中似乎也已过时。</p>
<p>任何帮助或建议让这个运行,我们将不胜感激!</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>有一个 <strike>一个应用</strike>一个 css 属性:</p>
<pre><code>/* select it here */ {
overflow: scroll;
}
</code></pre>
<p>当然,你也可以联系有问题的外部网站,让他们添加这个:</p>
<pre><code><script>
window.onmessage=function(x) { window.scrollTo((a=JSON.parse(x.data)), a); }
</script>
</code></pre>
<p>这样一来,就可以这样做了:</p>
<pre><code>x.postMessage('', '*');
</code></pre></p>
<p style="font-size: 20px;">关于javascript - 无法滚动到 iOS 上 iframe 内的页面顶部,我们在Stack Overflow上找到一个类似的问题:
<a href="https://stackoverflow.com/questions/37472674/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/37472674/
</a>
</p>
页:
[1]