Einheit von Inkrement in scrollbaren Bereichen / divs in Javascript?

8

in Javascript kann ich sicherstellen, dass mein großes div vertikal scrollen nur in Brocken von (sagen wir mal) 16 Pixeln

In java werden diese Einheiten als Inkremente bezeichnet.

Ich kann nichts Ähnliches in Javascript finden: Ich möchte sicherstellen, dass ein bestimmter Bereich (div) beim partiellen Scrollen immer ein Vielfaches von 16 ist.

Damit kann ich Tricks mit Hintergrundbildern und anderen machen.

Danke

    
Zo72 11.10.2011, 15:21
quelle

3 Antworten

5
%Vor%

Ссылка

Stellt sicher, dass Schriftrollen in Vielfachen von 16 Pixeln erstellt werden. Sie können dies leicht zu einem Plugin erweitern, das eine variable Menge (nicht eine feste, magische 16) erlaubt.

    
davin 11.10.2011, 16:10
quelle
2

Ja, das ist möglich, aber Sie müssen Javascript verwenden, um das Bildlaufereignis zu erfassen und anschließend zu bearbeiten. Dieses Skript (sorry jQuery ist, was ich hatte) und überschreibt das Scroll-Ereignis. Es ersetzt es dann mit der exakt gleichen Scrolldistanz. Sie können eigene Berechnungen durchführen, um den Wert von scrollTo anzupassen. Wir müssen sowohl die Ereignisse mousewheel als auch DOMMouseScroll überprüfen, da die erste nicht von FF unterstützt wird. Dies scheint in Ihrem Fall nicht zu gelten, aber ein Benutzer kann die Anzahl der zu scrollenden Zeilen auf etwas anderes als die Standard drei setzen. Also berechnet die if-Anweisung die Entfernung. Ich habe es jedoch dort gelassen, falls andere Leute über diese Frage stolpern und es ihnen wichtig ist.

%Vor%     
mrtsherman 11.10.2011 16:04
quelle
1

Da ich aus einer anderen Programmiersprache komme, fand ich JavaScript auch im Umgang mit der Benutzeroberfläche schwierig. In Ihrem Fall würde ich einfach einen Handler auf das Ereignis onscroll setzen und die Position des div relativ zur Scroll-Position abfragen. Geben Sie false zurück, wenn die Position von div nicht durch 16px teilbar ist, und erstellen Sie einen Zähler, um nach einem weiteren 16px-Bildlauf eine Neupositionierung zu ermöglichen.

    
johntraver 11.10.2011 16:17
quelle

Tags und Links