Почему не работают якоря id в ссылках на мобильных устройствах?

голоса: 0
Ссылки с id якорями открываются правильно на ПК, а на планшетах и смартфонах после перехода к id вновь появляется верхняя часть сайта.
Адрес сайта sergeykov.usite.pro
| Автор: | Категория: Вопросы новичков

Ответов: 1

голоса: 0
 
Лучший ответ
Почему нет, проверил на своем смартaфоне с Android на борту, якоря очень даже хорошо работают. Предоставьте ссылку на статью(материал) где не работают, и на каком мобильном устройстве вы проверяете, какая платформа(мобильная OC) используется.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Попробуйте вот по этой ссылке перейти:
http://sergeykov.usite.pro/photo/priroda_tomskoj_oblasti/2#casing

Проверял на смартфоне HTC Mini One 2 и планшете Huawei T1 7.0 с ОС Android на мобильных браузерах Opera и Google Chrome
Fearfire,

Проверял с мобильного с андроидом на борту, в хроме, все работает:

Yuri_Geruk,
Сначала переходит к якорю, но после полной загрузки страницы отбрасывает наверх :(

Вот ещё ссылка: http://sergeykov.usite.pro/photo/priroda_tomskoj_oblasti/zima/imag1052/5-0-1#casing
Fearfire,
Все же с частями элементов дизайна, каркаса это не очень хороший пример, нужно именно в материалах создавать якоря, а не с каркасом сайта экспериментировать. У меня все хорошо сработало, даже после повторных попыток.
Yuri_Geruk,

Нашел причину:

В стандартном шаблоне был скрипт:

<script type="text/javascript">
 var browser = navigator.userAgent;
 var browserRegex = /(Android|BlackBerry|IEMobile|Nokia|iP(ad|hone|od)|Opera M(obi|ini))/;
 var isMobile = false;
 if(browser.match(browserRegex)) {
 isMobile = true;
 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 function hideURLbar(){
 window.scrollTo(0,1);
 }
 }
</script>

Убрал его и всё заработало! ;)

И каркас сайта теперь служит якорем! Мне нравится экспериментировать ;)

...