Foundation 6 - JQuery - scrollTop не работает для мобильных

Question

в Фонд 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(); }); }