Блог

Я использую некоторый jQuery для выполнения следующего:

Со страницы 1 перейдите по ссылке на привязку на странице 2 — но сначала загрузите страницу, а затем прокрутите до привязки.

 <script type="text/javascript">
 jQuery(function(){
    jQuery('html, body').animate({
        scrollTop: jQuery('.Anchor').offset().top
    }, 2000);
    return false;
    });
</script>
  

Моя ссылка выглядит так domain.com/page2.html#anchor-name

Якоря выглядят следующим образом:

 <div name="anchor-name" class="Anchor">amp;nbsp;</div>
  

Вышеописанное отлично работает только для 1 якоря.

Как мне отредактировать приведенный выше jQuery, чтобы у меня могло быть несколько якорей на странице 2 и ссылки на них.

т.е.

 <div name="anchor-name" class="Anchor">amp;nbsp;</div>
<div name="anchor-fred" class="Anchor">amp;nbsp;</div>
<div name="anchor-bert" class="Anchor">amp;nbsp;</div>
  

Я думаю, это должно сработать?

Ссылка на нее как domain.com/page2.html#fred

 <script type="text/javascript">
 jQuery(function(){
    jQuery('html, body').animate({
        scrollTop: jQuery(window.location.hash   "-anchor").offset().top
    }, 2000);
    return false;
    });
</script>

<div id="name-anchor">amp;nbsp;</div>
<div id="fred-anchor">amp;nbsp;</div>
<div id="bert-anchor">amp;nbsp;</div>