Javascript ios中的iframe滚动问题

我们当前的场景是一个网页（由我们创建），显示在其他人网站的iframe中。iframe包含一个剑道面板条，当您展开项目时，随着内容高度的增加，您可以在页面上向下滚动越来越远。可以单击按钮打开引导模式，但如果向下滚动页面，则模式会显示在顶部，有时完全看不见。您可以看到它已打开，因为背景会像预期的那样稍微变暗，但您必须向上滚动页面才能查看模式。这似乎只是ios上的一个问题，在safari和chrome上都是如此。我们已经在ios 10.3.3上进行了测试

下面是正在运行的bug的图片：

iframe如下所示：

<iframe src="..." width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0">

(function ($) {
    $.fn.scrollTo = function () {
        $('html, body').animate({
            scrollTop: $(this).offset().top + 'px'
        }, 'normal');
        return this; // for chaining...
    }
})(jQuery);

这是由模式的“显示”事件触发的：

$("#contactUs_modal").on('shown.bs.modal', function (e) {           
    $("contactUs_modal").scrollTo();
    $("#name").focus();
});

我也尝试过scrollIntoView、scrollTop等，但运气不好，还有$（window）；将背景滚动到顶部，而不是模式

---

如果您有任何建议，我将不胜感激，我已经没有什么想法了。

这看起来像是引导模式滚动问题，而不是iFrame问题