Показать сообщение отдельно
  #1 (permalink)  
Старый 25.02.2015, 21:41
Аспирант
Отправить личное сообщение для Altai Посмотреть профиль Найти все сообщения от Altai
 
Регистрация: 24.11.2013
Сообщений: 37

Плавный скроллинг на больших Лендингах
Доброго времени суток! Столкнулся с проблемой - если на больших лендинках использовать стандартную прокрутку - она мчится со скоростью света, а хочется делать это плавно по всей длине лендинга.
Такой вот кодец пробовал написать, но он просто подвешивает страницу, и всё на этом -
$('.nav a').each(function(){
	$(this).on('click',function(e){
		e.preventDefault();
		id=$(this).attr('href');
		Y_coords=parseInt($(id).offset().top);
		cur_Y_coords=parseInt($(window).scrollTop());
		diffs=Y_coords-cur_Y_coords;
		diffs=Math.floor(diffs);
		if(Math.abs(diffs)===0) return;
		if(Math.abs(diffs)>=300){
			if(diffs<0) diffs=-300; else diffs=300;
		}
		scrollTo=cur_Y_coords+diffs;
		$('html').animate({scrollTop: scrollTo}, 400);
		return $(this).trigger('click');
	});
});


Можете подсказать, в чём проблема? Или может есть уже готовое решение?
Ответить с цитированием