菜鸟教程小白 发表于 2022-12-11 16:35:11

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>&lt;script&gt;
window.onmessage=function(x) { window.scrollTo((a=JSON.parse(x.data)), a); }
&lt;/script&gt;
</code></pre>

<p>这样一来,就可以这样做了:</p>

<pre><code>x.postMessage(&#39;&#39;, &#39;*&#39;);
</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]
查看完整版本: javascript - 无法滚动到 iOS 上 iframe 内的页面顶部