OStack程序员社区-中国程序员成长平台

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

---

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

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

我已经尝试了所有我能想到的:scrollTop = 0、x.scrollTo(0,0)，以及 jQuery 的 animate({ scrollTop: 0 }) 和 scrollTop()。所有这些都尝试了各种选择器(适用的 div、window、body、html、document、parent.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/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4