Странная проблема: на мобильном устройстве (в частности, на iPhone с Safari), когда вы нажимаете на эти ссылки привязки, первый раз, когда вы нажимаете, оно работает. Каждый раз после этого (2-го, 3-го, 4-го и т. Д.) Вы неожиданно прокручиваетесь вниз страницы. Тогда якоря не работают должным образом.
Есть предложения?
Это простая ванильная установка темы Storefront по умолчанию с WooCommerce, все самые последние версии.
Якоря работают правильно на рабочем столе. Эта проблема только на мобильном телефоне.
http://scottsandbox2.wpengine.com/?product=metal-robot-with-image-gallery/#1
http://scottsandbox2.wpengine.com/?product=metal-robot-with-image-gallery/#2
http://scottsandbox2.wpengine.com/?product=metal-robot-with-image-gallery/#3
http://scottsandbox2.wpengine.com/?product=metal-robot-with-image-gallery/#4
http://scottsandbox2.wpengine.com/?product=metal-robot-with-image-gallery/#5
Мы отключили каждый плагин, за исключением «Storefront» и WooCommerce.
Мы запустили эту страницу через W3C HTML Validator. Он не нашел ничего существенного (кроме обычных «тегов, требующих атрибутов alt»)
Мы не запускаем какой-либо пользовательский Javascript / jQuery, кроме того, что WooCommerce добавляет по умолчанию.
Наши html-якоряявляются основными:
<h2 id="1">Anchor 1</h2>
<h2 id="2">Anchor 2</h2>
<h2 id="3">Anchor 3</h2>
<h2 id="4">Anchor 4</h2>
<h2 id="5">Anchor 5</h2>
Мы ожидали, что якоря будут работать при каждом нажатии, а не только в первый раз. (Это важно, потому что на нашем производственном сайте пользователи будут щелкать ссылку привязки, чтобы вернуться на страницу, которую они посетили ранее)