Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Подскажите пожалуйста как в jQuery
 
 автор: TanTaL91   (28.07.2011 в 14:15)   письмо автору
 
 

Уважаемые форумчане поскажите пожалуйста, как сделать что бы после загрузки страницы, получался плавный автоскролинг до объекта .service-open
Если строку:
$('html,body').animate({scrollTop: $(".service-open").offset().top},1500);

Вписать в:

$(function(){     
});     

То он запускается стразуже как началась загрузка страницы, и в некоторых браузерах дергается и делате скролинг не плавно.
А вот так вот он делает скролинг плавно, но нужно кликнуть на страницу и запусить действие...
$(document).click(function(){
        $('html,body').animate({scrollTop: $(".service-open").offset().top},1500);
});

Пробовал:
$(document).ready(function(){
        $('html,body').animate({scrollTop: $(".service-open").offset().top},1500);
});

Тоже резко дергает...

Подскажите пожалуйста что делать. Буду очень признателен.

  Ответить  
 
 автор: Агамемнон   (28.07.2011 в 15:52)   письмо автору
 
   для: TanTaL91   (28.07.2011 в 14:15)
 

Попробуйте привязать функцию скроллинга к событию onload,когда все содержимое страницы уже загружено.У Вас происходит примерно то же самое,когда загружается страница с картинками,у которых не указаны размеры.Страница постоянно "прыгает" и "дергается".То же самое и тут:по мере загрузки контента постоянно меняется координата элемента-метки относительно начала загружаемого документа.

  Ответить  
 
 автор: AlexSol   (28.07.2011 в 16:06)   письмо автору
 
   для: TanTaL91   (28.07.2011 в 14:15)
 

$(window).load(function(){ 
        $('html,body').animate({scrollTop: $(".service-open").offset().top},1500); 
})

  Ответить  
 
 автор: TanTaL91   (02.08.2011 в 08:56)   письмо автору
 
   для: AlexSol   (28.07.2011 в 16:06)
 

Спасибо Вам огромное! Все отлично заработало!

  Ответить  
 
 автор: Emm   (30.07.2011 в 01:17)   письмо автору
 
   для: TanTaL91   (28.07.2011 в 14:15)
 

Как вариант, попробуйте плагин - jQuery.ScrollTo

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования