Wie, um festzulegen, wie viele Pixel scrollen bewegt sich bei jedem Schritt?

Wenn ich mit Mausrad scrollen Inhalt in div ich will es durch zu scrollen z.B. 30px jedem Schritt oder jeder Maus-Rad-tick w/e ist die beste Lösung.
Ich würde lieber performance > ease also ich bin lieber javascript > jquery

Ich würde empfehlen, dass das Betriebssystem des Benutzers umzugehen. Es ist in der Regel nicht eine gute user experience zu ändern, wie ein Benutzer die Maus funktioniert nur, weil Sie denken, es sollte anders gemacht werden.
Wenn Sie kommen mit Ihrer eigenen Lösung, ist es am besten, es zu schreiben, als Antwort, nicht als edit zu der Frage.

InformationsquelleAutor skmasq | 2013-09-02

  1. 5

    Also ich fummelte einige Lösung meiner eigenen, können Sie siehe Beispiel hier

    Dank Tom für führende mich zu dieser Antwort.

    JS:

    function wheel($div,deltaY){
   var step = 30;
   var pos = $div.scrollTop();
   var nextPos = pos + (step*(-deltaY))
   console.log("DelatY: " + deltaY + ", Step: " + step + ", nextPos: " + nextPos);
   $div.scrollTop(nextPos);
}

$('#test').bind('mousewheel', function(event, delta, deltaX, deltaY) {
    wheel($(this),deltaY);
    event.preventDefault();
});

    Verwendete Bibliotheken:

    • jQuery 1.8.3
    • jQuery mousewheel
    danke Mann :*

    InformationsquelleAutor skmasq

  2. 3

    Gibt es große Probleme bei der Umsetzung Mausrad-Daten selbst, denn es gibt (AFAIK) drei verschiedene Verhaltensweisen, die der Browser gerade tut. Alles, aber Firefox unterstützt derzeit mousewheel Ereignis, das geht die wheelDelta parameter von 120 pro "Klick". Firefox hat DOMMouseScroll Ereignis, dass passieren eine detail parameter 3 (glaube ich) pro "Klick", und in die entgegengesetzte Richtung. Apple-Geräte haben eine viel präzisere Auflösung, und eine Verzögerung; so Webkit-Browsern geben, auch delta in den beiden Achsen, und es gibt keine "Klicks" auf ein trackpad mit zwei-Finger-scrollen. Schließlich, DOM Level 3 Events draft standard definieren "klicken Sie auf" als (ich glaube) 1, und Sie bieten die Möglichkeit, drei Achsen, so müssen Sie der eigene code zukunftssicher ist. So implementieren Sie Ihre eigene Rad-handler ist die Art von Schmerz (ich weiß, da bin ich nun der Umsetzung Zoom für meine SVG-app mit dem Mausrad).

    Konsultieren Sie bitte Javascript: The Definitive Guide, Kapitel 17.6 Mousewheel-Events für weitere details.

    InformationsquelleAutor Amadan

Schreibe einen Kommentar