Как сделать плавную прокрутку по странице?

Question

[Jedi]

Вот пример: thomasmraztour.com

При прокрутке вниз или вверх после кручение барабана мыши странице продолжает немножко скролиться.

Как в целом сделать плавную прокрутку ?)

Спасибо!

Comments

[Александр]

Это создает эффект задержки, который негативно сказывается на восприятии посетителем, а значит, падает конверсия.

Основное правило ux для веба - не менять поведение основных функций браузера, коим является прокрутка.

[Jedi]

Александр, спасибо за информацию

Answer 1

[Vadim Kravchik]

jQuery

$(document).bind( 'mousewheel', function (e) { 
var nt = $(document.body).scrollTop()-(e.deltaY*e.deltaFactor*100); 
e.preventDefault(); 
e.stopPropagation(); 
$(document.body).stop().animate( { 
     scrollTop : nt 
 } , 500 , 'easeInOutCubic' );  
} )

C длиной скрола (100), скоростью (500) и эфектом (easeInOutCubic) нужно поиграться