jScrollPane не работает с пользовательским .scroll

Question

Я добавил jScrollPane в div, у которого уже есть определенное количество jQuery, прикрепленное к нему.

jsFiddle example here.

Появляется стилизация прокрутки, но полоса прокрутки не перемещается, на самом деле она даже не «захватывает», и моя существующая функциональность не работает. Однако я не получаю ошибок JS.

Комментарий $('.block-product-gallery .block-content').jScrollPane(); в приведенном выше примере html, и мои предыдущие функциональные возможности возвращаются (хотя в jsFiddle функция щелчка не работает - это происходит в моих локальных браузерах).

Мой первый подозреваемый мой Hacky .scroll мониторинг, но удаление его не решает проблему и без каких-либо четких ошибок, я все больше и больше в тупик ...

Answer 1

Я только что играть с вашим jsfiddle и получил его гораздо ближе к работе здесь:

http://jsfiddle.net/ZkAw8/1/

Главное, что вызывало проблемы был position: absolute на правиле .block.block-product-gallery.non-static .block-inner .block-content .products. Это означало, что JScrollPane были проблемы расчета ширины его содержимое (так как содержание позиционировались абсолютно они не занимают никакого пространства внутри ScrollPane и, следовательно, прокрутка не было необходимости.

Я также изменил overfow-x и overflow-y просто overflow - Я не проводил много испытаний с конкретными переполнениями, и они могут работать некорректно.

Я не уверен, что именно ваш плагин productGallery предназначен для этого, но я думаю, что это может не быть работайте ... Вместо прослушивания события scroll вы можете прислушаться к событию jsp-scroll-y (см. events in jScrollPane)