OGeek|极客世界-中国程序员成长平台

标题: javascript - 无法滚动到 iOS 上 iframe 内的页面顶部 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-11 16:35
标题: javascript - 无法滚动到 iOS 上 iframe 内的页面顶部

我有一个通过 iframe 在外部站点上访问的页面。我的一些 JS 函数需要立即滚动到页面顶部,这在桌面浏览器中运行良好。但是在 iOS 上的浏览​​器中,当我的页面尝试在 iframe 内滚动到自身顶部时,它就无法正常工作。

我已经尝试了所有我能想到的:scrollTop = 0x.scrollTo(0,0),以及 jQuery 的 animate({ scrollTop: 0 })scrollTop()。所有这些都尝试了各种选择器(适用的 div、windowbodyhtmldocumentparent.document 等)。

this thread 中的答案在较新版本的 iOS 中似乎也已过时。

任何帮助或建议让这个运行,我们将不胜感激!



Best Answer-推荐答案


有一个 一个应用一个 css 属性:

/* select it here */ {
    overflow: scroll;
}

当然,你也可以联系有问题的外部网站,让他们添加这个:

<script>
window.onmessage=function(x) { window.scrollTo((a=JSON.parse(x.data))[0], a[1]); }
</script>

这样一来,就可以这样做了:

x.postMessage('[0,0]', '*');

关于javascript - 无法滚动到 iOS 上 iframe 内的页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37472674/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://www.ogeek.cn/) Powered by Discuz! X3.4