якорь + доп параметры
Всем доброе время суток.
Подскажите, как быть в следующем вопросе. Есть ссылка вида 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, время: 09:24. |