2013-06-17 12 views
8

Ich habe ein div mit einer festen Höhe und in ihm eine ul-Liste und viele li-Elemente. Ich wende mich an die div a jScrollPane, für die ich das Aussehen der Bildlaufleiste anpassen möchte. Mein Code ist wie:Beschleunigen Mausrad in jScrollPane (jQuery)

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

Wie JScrollPane ich die Skripte von http://jscrollpane.kelvinluck.com verwenden, und es ist eine Art zu arbeiten. Aber die Geschwindigkeit des Mausrads (Scrollgeschwindigkeit) ist viel zu langsam, obwohl ich versucht habe, die Geschwindigkeit einzustellen, wie Sie in meinem obigen Beispiel sehen können.

Hat jemand den gleichen Effekt und kann mir einen Hinweis geben, wie ich es beschleunigen kann?

+0

Ich denke, es wäre am besten, die richtige Antwort auf Sargin Sargin die sich ändern, wenn das auch für Sie arbeitet. Dies ist eine bessere Möglichkeit, eine benutzerdefinierte Scrollrate für eine Instanz des Plugins festzulegen. – andrewb

Antwort

10

Suchen Sie in der Datei jquery.jscrollpane.js (oder sogar in der Datei .min.js) nach "mouseWheelSpeed" in den "defaults". Das war ursprünglich 3 für mich, ich habe es auf 30 erhöht. Vielleicht sind es 3 oder 30 Pixel/Klick.

bearbeiten

Sargin Sargin Antwort ist wahrscheinlich besser für die meisten Fälle. Angesichts seiner Lösung würde das Bearbeiten der Plugin-Datei nur Sinn ergeben, wenn Sie einen neuen Standard für die Wiederverwendung um eine Site festlegen möchten. Sie müssen außerdem die vorgenommenen Änderungen notieren, damit Sie Ihre Anpassung beim Aktualisieren der Datei nicht verlieren.

+0

Whoppa! Danke Andrew. Das hat es geschafft! – parascus

+0

Ich fand, dass IE 31px scrollte, Webkit (Opera, Safari, Chrome) 33px scrollte und FF 42px scrollte. Es gibt keine Möglichkeit, das tatsächliche Delta zu erkennen, außer durch Erfassen eines Scroll-Ereignisses und Messen des "scrollTop" -Werts. – Barney

15

Sie haben die Raddrehzahl zu definieren, wenn Sie das Plugin wie folgt initialisieren:

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

Beachten Sie, dass 'mouseWheelSpeed' in IE8 oder niedriger nicht funktioniert, wenn Sie jquery.mousewheel.js größer als 3.1.5 verwenden (jScrollPane aktuelle Version: 2.0.21) – Light