上一篇: 在jQuery对话框中敲除’with’bi... 下一篇:使用jquery-sortable无法将大项目...

jQuery scrollTop在iOS上的iframe内部无法正常工作

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jQuery scrollTop在iOS上的iframe内部无法正常工作，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

iOS和iframe ……这样的痛苦.
我有一个简单的回到顶部按钮,它应该为滚动设置动画(而不是仅仅跳到页面顶部).

$(document).on('click touchstart','.BACktotop',function() {
    $('html,body').animate({ scrollTop: 0 },1500);
});

这适用于任何地方,除了iOS上的iframe.我还没有完全理解iOS如何处理iframe. jQuery的.scrollTop()函数也不起作用(无论如何都无法动画).

在iOS上唯一适用于iframe的是：

parent.self.scrollTo(0,0);

显然不是最好的解决方案,因为这不适用于桌面浏览器.
任何有关如何在iOS上修复此内容或iframe的深入知识都非常受欢迎.

解决方法

似乎特定的上下文修复了问题：

$('body,html',parent.document).animate({ scrollTop: 0 },1500);

由于这只适用于iOS,我已经包含了this thread的iOS检测：

var iOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );

$(document).on('click touchstart',function() {
    if (iOS) {
        $('html,body',parent.document).animate({ scrollTop: $("body").offset().top},1500,"eaSEOutQuart");
    } else {
        $('html,body').animate({ scrollTop: $("body").offset().top},"eaSEOutQuart");
    }
});