Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   якорь + доп параметры (https://javascript.ru/forum/jquery/42016-yakor-dop-parametry.html)

igor_ch 09.10.2013 13:09

якорь + доп параметры
 
Всем доброе время суток.
Подскажите, как быть в следующем вопросе.
Есть ссылка вида http://mysite.com/cat1/#sort=&order=...how=all&PAGE=4

можно ли как-то эту ссылку объединить со ссылкой перехода на якорь.
То-есть, например, на указанной странице есть якорь "anchor_12".
И при переходе по указанной ссылке делался переход на указанный якорь.

devote 09.10.2013 14:47

<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 />

igor_ch 09.10.2013 15:54

devote спасибо за помощь.

limarandrew 23.03.2017 21:23

спасибо автору, только у меня что-то неполучается поставить правильнокод, сам джаву неумею писать, а вот скопировал, вставил - експлорер взаимнно работает, а хром бажет: то недотягивает по якорю, то переплыгивает; можно с этим что-то сделать?

рони 23.03.2017 21:46

limarandrew,
сделайте якоря блочными
<style type="text/css">
  a.tra-ta-ta{
    display: block;
  }

  </style>

<a id="anchor_12" class="tra-ta-ta"></a>

limarandrew 25.03.2017 21:34

непомагает, спросматривал скрипт, так ошибки не выдает просто по переходу на якорь, к примеру у меня "1,2,3" - переходя с 2 на 3 передвигается вместо положенных 1000пикселей лишь на половину, так буд-то у меня и нет 3 якоря, но есть прогрес!!!- даблклик почемуту в хроме работает!!!

limarandrew 25.03.2017 21:37

и еще, извените конечно что дописываюсь,- IE нормально воспринимает и чистый код и ветку с блоком, а вот младшие браузеры нехотят!

рони 25.03.2017 21:40

limarandrew,
делайте макет, без живого примера можно только гадать


Часовой пояс GMT +3, время: 04:33.