滚动到iframe中的元素无法在移动Safari上运行

Question

我遇到以下问题。我有一个位于iframe中的元素，当点击它时，它应该将我带到此iframe中另一个元素的顶部。这适用于每个浏览器和Android，但由于某些原因，它不适用于iPhone。

{{1}}

有人有解决方案吗？

Answer 1

这段代码实际上是一个用于制作滚动的跨浏览器解决方案，它可以在safari / chrome / firefox中使用

$('html,body').animate({})

所以很可能你无法获得一个元素，可能是因为你是从iframe运行你的代码，你可以这样尝试

$('#button').on('click touchstart', function () {
   $('html,body').animate({
       scrollTop: 300,
   }, 1200);
});

如果这样可行，您可以尝试使用类似

之类的东西来捕获iframe之外的元素

$(parent.document.getElementById('top-text')).offset().top