Помогите с прокручиваемым плагином jQuery - PullRequest
Новая
       37

Помогите с прокручиваемым плагином jQuery

0 голосов
/ 22 февраля 2011

Я натолкнулся на интересный пример кода, который позволяет мне прокручивать элементы DIV с помощью jQuery (UI), который можно найти здесь: http://www.simonbattersby.com/demos/vertical_scrollbar_demo.htm

Впоследствии я превратил его в плагин, чтобы его было проще использовать и использовать повторно. Он работает на 99%, но есть одна маленькая ошибка - по какой-то причине, когда я щелкаю полосу прокрутки, она не прокручивает элемент DIV.

Если я использую колесо мыши, оно работает нормально, но по какой-то причине щелчок и перетаскивание не работают.

Код, над которым я работаю, находится здесь: http://jsfiddle.net/mitchmalone/XRnxL/2/

1 Ответ

1 голос
/ 22 февраля 2011

Попробуйте это. 

slide: function (event, ui) {
    var topValue = -((100 - ui.value) * difference / 100);
    $(this).parents(".slider-wrap").prev(".scroll-pane").find('.scroll-content').css({
        top: topValue
    });
},
change: function (event, ui) {
    var topValue = -((100 - ui.value) * difference / 100);
    $(this).parents(".slider-wrap").prev(".scroll-pane").find('.scroll-content').css({
        top: topValue
    });
}

Эта проблема заключалась в том, что $(this) ссылается на div.slider-vertical, вызывая find непосредственно на .scroll-content, не дало результатов, так как .scroll-content не является потомком div.slider-vertical. Чтобы исправить это, нам нужно вернуться обратно к dom и найти prev .scroll-pane, а затем найти наш .scroll-content и настроить значение css.

Обновлено Скрипка .

...