якорь + доп параметры
Всем доброе время суток.
Подскажите, как быть в следующем вопросе. Есть ссылка вида http://mysite.com/cat1/#sort=&order=...how=all&PAGE=4 можно ли как-то эту ссылку объединить со ссылкой перехода на якорь. То-есть, например, на указанной странице есть якорь "anchor_12". И при переходе по указанной ссылке делался переход на указанный якорь. |
<script type="text/javascript"> function scrollToAnchorId(hash) { var target = document.getElementById(hash = (hash || '').replace(/^#/, '')); if (target && target.id === hash && target.nodeName === "A") { var rect = target.getBoundingClientRect(); window.scrollTo((document.documentElement.scrollLeft || 0), rect.top + (document.documentElement.scrollTop || 0) - (document.documentElement.clientTop || 0)); } } </script> <button onclick="scrollToAnchorId('anchor_12');">Перейти к якорю anchor_12</button> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <a id="anchor_12"></a> Вот тут и якорь=) <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> |
devote спасибо за помощь.
|
спасибо автору, только у меня что-то неполучается поставить правильнокод, сам джаву неумею писать, а вот скопировал, вставил - експлорер взаимнно работает, а хром бажет: то недотягивает по якорю, то переплыгивает; можно с этим что-то сделать?
|
limarandrew,
сделайте якоря блочными <style type="text/css"> a.tra-ta-ta{ display: block; } </style> <a id="anchor_12" class="tra-ta-ta"></a> |
непомагает, спросматривал скрипт, так ошибки не выдает просто по переходу на якорь, к примеру у меня "1,2,3" - переходя с 2 на 3 передвигается вместо положенных 1000пикселей лишь на половину, так буд-то у меня и нет 3 якоря, но есть прогрес!!!- даблклик почемуту в хроме работает!!!
|
и еще, извените конечно что дописываюсь,- IE нормально воспринимает и чистый код и ветку с блоком, а вот младшие браузеры нехотят!
|
limarandrew,
делайте макет, без живого примера можно только гадать |
Часовой пояс GMT +3, время: 03:41. |