2013-06-17 17 views
8

Ho un div con altezza fissa e in esso un ul-list e molti elementi-li. Applico il div a jScrollPane per il quale voglio personalizzare l'aspetto della barra di scorrimento. Il mio codice è simile:Velocizza la rotellina del mouse in jScrollPane (jQuery)

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

Come JScrollPane ho utilizzare gli script di http://jscrollpane.kelvinluck.com ed è tipo di lavorazione. Ma la velocità della rotellina del mouse (velocità di scorrimento) è troppo lenta anche se ho provato ad impostare la velocità come si può vedere nel mio esempio sopra.

Qualcuno ha avuto lo stesso effetto e può darmi un suggerimento su come posso accelerarlo?

+0

Penso che sarebbe meglio cambiare la risposta corretta alla Sargin Sargin di, se funziona anche per voi. È un modo migliore di impostare una velocità di scorrimento personalizzata per un'istanza del plug-in. – andrewb

risposta

10

Nel file jquery.jscrollpane.js (o anche nel file .min.js), trovare "mouseWheelSpeed" nei "valori predefiniti". Questo era 3 per me originariamente, l'ho raggiunto fino a 30. Forse sono 3 o 30 pixel/clic.

Modifica

risposta di Sargin Sargin è probabilmente meglio per la maggior parte dei casi. Data la sua soluzione, la modifica del file plugin avrebbe senso solo se si volesse impostare un nuovo valore predefinito per il riutilizzo intorno a un sito. Dovresti anche prendere nota delle modifiche apportate in modo da non perdere la personalizzazione quando aggiorni il file.

+0

Whoppa! Grazie andrewb. L'ha fatto! – parascus

+0

Ho trovato che IE scorreva 31px, Webkit (Opera, Safari, Chrome) scorreva 33px, e FF scorreva 42px. Non c'è modo di rilevare il delta effettivo se non catturando un evento di scorrimento e misurando il valore 'scrollTop'. – Barney

15

è necessario definire la velocità della ruota quando si inizializza il plugin in questo modo:

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

Si noti che 'mouseWheelSpeed' non funzionerà in IE8 o sotto se si utilizza jquery.mousewheel.js maggiore di 3.1.5 (versione corrente jScrollPane: 2.0.21) – Light

Problemi correlati