Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.08.2011, 02:01
Аспирант
Отправить личное сообщение для denisOgr Посмотреть профиль Найти все сообщения от denisOgr
 
Регистрация: 26.07.2010
Сообщений: 31

Как сделать паузу после загрузки страницы?
Задача: После загрузки страницы сделать паузу и прокрутить плавно страницу к указанному якорю.

Прокрутка работает:
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>
Ответить с цитированием
  #2 (permalink)  
Старый 06.08.2011, 14:11
Аспирант
Отправить личное сообщение для denisOgr Посмотреть профиль Найти все сообщения от denisOgr
 
Регистрация: 26.07.2010
Сообщений: 31

Тему можно закрывать, додумался:
Вот, если кому нужно:
<!--Плавное передвижение вниз--->
<script type="text/javascript">
  $(document).ready(function() {

       setTimeout(function() {
      elementClick = '<?=$_GET['anchor']?>';
      destination = $(elementClick).offset().top;
      if($.browser.safari){
        $('body').animate( { scrollTop: destination }, 1100 );
      }else{
        $('html').animate( { scrollTop: destination }, 1100 );
      }
    }, 100);



  });
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 06.08.2011, 15:01
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

function sleep( millis ) {
    var date = new Date();
    var curDate = null;

    do {
        curDate = new Date();
    } while( curDate - date < millis );
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как дождаться ПОЛНОЙ загрузки страницы? arma Events/DOM/Window 7 04.11.2009 20:05
Как сделать печать страницы (с фонами)? khusamov Общие вопросы Javascript 3 20.07.2009 14:22
Событие полной загрузки страницы Never Events/DOM/Window 4 07.07.2009 02:11
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24
Подмена html-тегов после загрузки страницы xordeer jQuery 1 09.04.2009 22:16