2013-06-17 13 views
8

Posiadam element div o stałej wysokości, a w nim listę ul i wiele elementów li. Stosuję się do div a jScrollPane, dla którego chcę dostosować wygląd paska przewijania. Mój kod jest jak:Przyspieszenie kółka myszy w jScrollPane (jQuery)

$(function() { 
    $('.myDiv').jScrollPane({ showArrows: true, arrowScrollOnHover: true, wheelSpeed: 120 }); 
}); 

Jak JScrollPane używam skrypty http://jscrollpane.kelvinluck.com i jest to rodzaj pracy. Ale prędkość kółka myszy (prędkość przewijania) jest o wiele za wolna, chociaż próbowałem ustawić prędkość, jak widać w powyższym przykładzie.

Czy ktoś ma taki sam efekt i może dać mi wskazówkę, jak mogę to przyspieszyć?

+0

myślę, że byłoby najlepiej, aby zmienić prawidłową odpowiedź Sargın Sargın'S, czy działa również dla Ciebie. Jest to lepszy sposób ustawiania niestandardowej szybkości przewijania dla instancji wtyczki. – andrewb

Odpowiedz

10

W pliku jquery.jscrollpane.js (lub nawet .min.js) znajdź "mouseWheelSpeed" w "defaults". To było dla mnie 3 początkowo, wpadłem na to do 30. Być może jest to 3 lub 30 pikseli/kliknięcie.

Edit

odpowiedź Sargın Sargın jest prawdopodobnie lepsza dla większości przypadków. Biorąc pod uwagę jego rozwiązanie, edycja pliku wtyczki miałaby sens tylko wtedy, gdybyś chciał ustawić nową domyślną opcję ponownego użycia w witrynie. Trzeba również zanotować wprowadzone zmiany, aby nie utracić dostosowania podczas aktualizacji pliku.

+0

Whoppa! Dzięki andrewb. Tak to zrobiło! – parascus

+0

Zauważyłem, że IE przewinął 31px, Webkit (Opera, Safari, Chrome) przewinął 33px, a FF przewinął 42px. Nie ma możliwości wykrycia rzeczywistej delty, z wyjątkiem przechwytywania zdarzenia przewijania i mierzenia wartości 'scrollTop'. – Barney

15

Musisz określić prędkość kół podczas inicjalizacji wtyczki tak:

$('.scroll-pane').jScrollPane({ 
    mouseWheelSpeed: 50 
}); 
+0

Należy zauważyć, że 'mouseWheelSpeed' nie będzie działał w IE8 lub poniżej, jeśli użyjesz jquery.mousewheel.js powyżej wersji 3.1.5 (jScrollPane aktualna wersja: 2.0.21) – Light

Powiązane problemy