Question

在Foundation 6中，jQuery scrollTop不适用于移动设备：

var hpSecondSection = $('#hp-section-2'),
    fixedTopBar     = $('#header-top-bar');

    $('.scroll-down-bar').click(function() {

        $('html, body').animate({
            scrollTop: hpSecondSection.offset().top + fixedTopBar.innerHeight()
        }, 400);

    });

此问题由.off-canvas-wrapper提供，可让移动菜单面板正常运行，并且overflow-x: hidden

我无法找到解决方案..感谢您的帮助。

Answer 1

根据http://blog.jonathanargentiero.com/jquery-scrolltop-not-working-on-mobile-devices-iphone-ipad-android-phones/，手机不知道HTML和正文是什么。您应该使用链接中提供的解决方案来实现所需的效果，如下所示：

if (navigator.userAgent.match(/(iPod|iPhone|iPad|Android)/)) { window.scrollTo(200,100) // first value for left offset, second value for top offset }else{ $('html,body').animate({ scrollTop: 100, scrollLeft: 200 }, 800, function(){ $('html,body').clearQueue(); }); }

基础6 - jQuery - scrollTop不适用于移动

1 个答案: