Блог

Я использую следующую функцию jQuery для плавной прокрутки к разделам страницы:

 function scrollTo(element) {    
    //$('html, body').animate({           // before the addition of jscrollpane
    $('#full-page-container').animate({   // after addition of jscrollpane
        scrollTop: $(element).offset().top
    }, 1500);
}
  

Я добавил jscrollpane для замены полосы прокрутки страницы по умолчанию, и кажется, что функция animate с помощью scrollTop, описанная выше, не будет работать с jscrollpane, но работает безупречно без нее.

Возможно ли использовать как jscrollpane, так и animate с scrollTop?

Нет, вы не можете использовать scrollTop.

Однако scrollpane имеет собственную встроенную прокрутку, примеры которой вы можете увидеть здесь.

Прокрутите до — JScrollPane

Пример взят с сайта JScrollPane:

 var api = pane.data('jsp');

    $('#but-scroll-to').bind(
        'click',
        function()
        {
            // Note, there is also scrollToX and scrollToY methods if you only
            // want to scroll in one dimension
            api.scrollTo(parseInt($('#toX').val()), parseInt($('#toY').val()));
            return false;
        }
    );
  

Примечания: Вы не можете использовать animate() и JScrollPane вместе. Однако JScrollPane достаточно хорош, чтобы включить эту функцию. Это не очень интуитивно понятно, но я привел для вас несколько примеров. Приветствую!

Смотрите JScrollPane API для получения дополнительной полезной информации.

У меня было несколько примеров, но jsfiddle зависает на них (я даже не вижу исходный код), поэтому я их удалил.