Якорные ссылки не работают на iPad, но работают на iPhone - PullRequest
Новая
       53

Якорные ссылки не работают на iPad, но работают на iPhone

3 голосов
/ 24 сентября 2019

Я работаю над сайтом с якорными ссылками, которые прокручивают до определенного раздела.Все отлично работает на рабочем столе, я добавил следующий скрипт, чтобы он работал на мобильных устройствах. 

<script> 
 $(function() {
        $('a[href*="#"]:not([href="#"])').click(function() {
           if (screen.width <= 1400) {
          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            if (target.length) {
              $('html, body').animate({
                scrollTop: target.offset().top
              }, 1000);
              return false;
            }
          }
           }
        });
      }); 

</script>

Скрипт отлично работает на телефонах (протестировано на iPhone), но не работает на iPad.Якорные ссылки вместо прокрутки просто переходят в их раздел.

https://pacific -demo.squarespace.com

Я использую этот шаблон, который в исходном виде имеетта же проблема, но все же я не понимаю, почему, хотя приведенный выше скрипт работает на телефонах, он игнорирует iPad ....

...