Какой есть JQuery плагин плавного скролла страницы?

Question

[Хазрат Гаджикеримов]

Часто на крутым современных сайтах встречается плавный скролл страницы, как вот здесь, есть ли готовый jQuery плагин? искал на http://jqueryrain.com и на http://jquery-plugins.net ничего не нашел.

Answer 1

[ixon]

jquery.scrollTo-min.js Есть документация и демо всё просто и понятно. Можно плавно скролить не только по вертикали или горизонтали, но и наискось.

Comments

[Хазрат Гаджикеримов]

Вроде то что ты дал это типа плавный скролл к якорю. не?

[ixon]

@Hazrat как раз таки нет. Плагин очень гибок, поэтому можно плавно скроллить не только к якорю, но и например на некоторую велечину вниз/вверх/влево/вправо, к некоторой координате например, масса возможностей для скроллинга, советую изучить документацию.

[Дмитрий Б]

Пожалуйста, не мучайте пользователей этой херью

[Gran Torino]

Скачал пример, открыл в хроме и опера, какой был скрол, такой и остался

Answer 2

[MaxKondratenko]

Зачем какие то плагины ???

function scrollToDiv(element,navheight){
var offset = element.offset();
var offsetTop = offset.top; 
var totalScroll = offsetTop-navheight;

$('body,html').animate({
scrollTop: totalScroll
}, 500); //скорость анимации прокрутки
}

$('nav ul li a').click(function(){ //тут вешаем обработчик на ссылку или что угодно
var el = $(this).attr('href');
var elWrapped = $(el);
var offsetTop = 90; //вместо 90 можно указать любой offset
scrollToDiv(elWrapped, offsetTop); 

return false;
});



//в href указываем до какого id двигаться 
<nav>
			<ul>
           		<li><a href="#third">Как мы работаем</a></li>
           		<li><a href="#fifth">Гарантии</a></li>
         		<li><a href="#search">Поиск</a></li>
				<li><a href="#zayavka">Оставить заявку</a></li>	
			</ul>
		</nav>

Comments

[Дмитрий Б]

Разойдитесь, велосипед едет!

[ixon]

Плагин был-бы гораздо более гибким, имел-бы больше возможностей.

[MaxKondratenko]

Дмитрий: странный вы, предыдущий плагин захерили, велосипед мой туда же. Сами ничего не предложили...
ixon: Конечно более гибкий, но в нём надо больше разбираться, я практически никогда не использую готовых плагинов в работе.

[dionisp]

MaxKondratenko: 5 баллов! Я если и использую чужой кусок кода, то только после того, как изучу его до каждой строчки!

Answer 3

[Дима Паутов]

jquery.mCustomScrollbar.js