2014-07-03 9 views
0

Я использую некоторое JQuery сделать следующее: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">&nbsp;</div> 

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

Хо, я редактирую вышеупомянутый jQuery, так что я могу иметь несколько привязок на стр. 2 & ссылки на них.

т.е.

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

ответ

1

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

Ссылка на это как 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">&nbsp;</div> 
<div id="fred-anchor">&nbsp;</div> 
<div id="bert-anchor">&nbsp;</div>