Hallo!
Der Titel ist evtl. etwas verwirrend, daher hier eine Erläuterung:
Wie ihr wahrscheinlich alle wisst, entspricht bei den heutigen high DPI devices ein CSS-Pixel ja nicht mehr einem realen Pixel.
Ein Beispiel: Displayauflösung beträgt 1080x1920 Pixel, CSS-Auflösung hingegen nur 360x640 Pixel (auf jeder Achse also nur 1/3).
Das Problem ist nun, dass wenn ich mit Javascript mithilfe von window.scrollY die gescrollten Pixel abfrage, nur die CSS-Pixel geliefert werden, also wenn real 6 Pixel gescrollt wurden, werden mir nur 2 angezeigt. Das wäre an sich kein Problem, wenn double-Werte (z. B. 10 reale Pixel gescrollt -> 3,33 Pixel werden ausgegeben) ausgegeben würden, das ist jedoch nicht der Fall.
Ich habe auf meiner Webseite ein Element, welches immer um die Hälfte der gescrollten Pixel verschoben werden soll, und dadurch, dass Chrome für Android nur Integer ausspuckt, ist das in Verbindung mit der Pixel-density ein echtes Problem, weil das Element immer stottert. Kein Wunder, schließlich wird die Position ja nur alle 3 Pixel verändert anstatt bei jedem.
Wie auch immer, hat jemand eine Idee, wie man das lösen kann? Am besten wäre einfach eine Möglichkeit, die exakte Zahl der gescrollten Pixel rausfinden zu können.
Beste Grüße!
Der Titel ist evtl. etwas verwirrend, daher hier eine Erläuterung:
Wie ihr wahrscheinlich alle wisst, entspricht bei den heutigen high DPI devices ein CSS-Pixel ja nicht mehr einem realen Pixel.
Ein Beispiel: Displayauflösung beträgt 1080x1920 Pixel, CSS-Auflösung hingegen nur 360x640 Pixel (auf jeder Achse also nur 1/3).
Das Problem ist nun, dass wenn ich mit Javascript mithilfe von window.scrollY die gescrollten Pixel abfrage, nur die CSS-Pixel geliefert werden, also wenn real 6 Pixel gescrollt wurden, werden mir nur 2 angezeigt. Das wäre an sich kein Problem, wenn double-Werte (z. B. 10 reale Pixel gescrollt -> 3,33 Pixel werden ausgegeben) ausgegeben würden, das ist jedoch nicht der Fall.
Ich habe auf meiner Webseite ein Element, welches immer um die Hälfte der gescrollten Pixel verschoben werden soll, und dadurch, dass Chrome für Android nur Integer ausspuckt, ist das in Verbindung mit der Pixel-density ein echtes Problem, weil das Element immer stottert. Kein Wunder, schließlich wird die Position ja nur alle 3 Pixel verändert anstatt bei jedem.
Wie auch immer, hat jemand eine Idee, wie man das lösen kann? Am besten wäre einfach eine Möglichkeit, die exakte Zahl der gescrollten Pixel rausfinden zu können.
Beste Grüße!
