Задача: После загрузки страницы сделать паузу и прокрутить плавно страницу к указанному якорю.
Прокрутка работает:
1121212121323123123<br>1121212121323123123<br>1121212121323123123<br>1121212121323123123<br>1121212121323123123<br>1121212121323123123<br>
1121212121323123123<br>1121212121323123123<br>
<span id="anchor1">anchor1</span>
elementClick = 'anchor1';
destination = $(elementClick).offset().top;
if($.browser.safari){
$('body').delay(3000).animate( { scrollTop: destination }, 1100 );
}else{
$('html').delay(1000).animate( { scrollTop: destination }, 1100 );
}
Проверял с кликом на ссылку.
А как сделать, что бы при загрузке была пауза, а потом был скроулинг к якорю. ПС Имя якоря передаю в ГЕТ запросе.
Общий код:
<script type="text/javascript">
$(document).ready(function() {
// получаю значение якоря
elementClick = '<?=$anchor?>';
//делаю паузу после загрузки и отображения страницы в браузере (не работает)
$('body').delay(3000);
destination = $(elementClick).offset().top;
//делаю анимационную прокрутку к якорю
if($.browser.safari){
$('body').delay(3000).animate( { scrollTop: destination }, 1100 );
}else{
$('html').delay(1000).animate( { scrollTop: destination }, 1100 );
}
});
</script>