Скрол к якорю

@Luizzza · Регистрация: 17.07.2015

Author24 — интернет-сервис помощи студентам

Здравствуйте, дорогие программисты.
Помогите, пожалуйста разобраться, у меня есть сайт на Wordpress http://wot-assist.ru/obuchenie/. На нем установлен скрол к якорю после загрузки страницы (якоря установлены только на страницах):

Javascript

(function( $ ){
 
  window.scrollTo(0,0);
  $(window).load(function(){
 
$('html, body').animate({scrollTop: $('.servis_wpap').offset().top - 50}, 2000);
return false;
});
 
})(jQuery);

Но, по каким-то причинам, он работает только на большом экране, если экран сузить, скрол не работает, экран подергивается немного и все.
Посоветовали такую штуку для мобильных устройств, но это решение не дает прокрутки доя якоря:

Javascript

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();
            });
}

Вносила правки, но они тоже не помогли, страница не прокручивается:

Javascript

(function( $ ){
 
/**
   * window.load wrapper
   * Этот код выполняется, когда страница и все элементы загружены целиком
   */
  $(window).load(function(){
if (navigator.userAgent.match(/(iPod|iPhone|iPad|Android)/)) { 
            window.getElementByID("servis_wpap").scrollIntoView();
}
else{
$('html, body').animate({ 
  scrollTop: $('.servis_wpap').offset().top - 50
  }, 2000);
};  
})
})(jQuery);

Не знаю в чем может быть проблема, может уже в сторону css посмотреть ((((
Помогите, пожалуйста!

	31.01.2018, 11:02

Опции темы