Плавный скролл страницы

Рейтинг: 4Ответов: 1Опубликовано: 31.10.2014

Здравствуйте, уважаемые форумчане! Есть такой вопрос, кто как делает плавный скроллинг страниц? Сам на данный момент использую nicescroll, но не все так идеально как хотелось бы. Вот пример моей работы http://skferson.ru/

Ответы

▲ 2

В топку ненужные библиотеки, jQuery у вас уже есть, и вот код для плавного скрола, 3 строчки:

$('.click-menu-element').click(function(){
       $('html, body').animate({scrollTop:$('#elementId').position().top}, 2000);
});

где click-menu-element - это элемент меню, elementId - это id у заголовка нужного вам контента, находящегося в том месте, куда вам нужно переместиться (для корректировки можно уменьшить пикселей на 60), 2000 - скорость перехода на нужный элемент в мс.

Пример тут

Внутри можно повесить также необхимый фукнционал для того, чтобы нужные пункты становились активными, ну и для определения, какой именно пункт нажал юзер. Я так понял, у вас проблемы именно с определением активного пункта меню. :)