mymaksimus
Grünschnabel
Hallo!
Ich versuche mich gerade an einer eigenen Scrollbar. (link)
Nun, wenn man auf das orangene "Ding" klickt wird die höhe und der wert der pro zurückgelegten pixel gescrollt wird berechnet.
Diesen wert, berechne ich folgender maßen:
(Dabei ist testbox der container in dem gescrollt wird, und scrollAmount dieser.. wert halt)
Ich dachte mir das somit eigentlich eine ausgeglichene funktionsweise garantiert werden kann.
Nun ja, die Höhe des Balkens, (die momentan auch erst beim draufklicken berechnet wird), berechne ich so:
Nun, wie auf der Seite zu sehen ist ist aber entweder der balken zu gross oder der scrollAmount zu klein. Wo ist mein denkfehler?
EDIT: Ich glaube mein Ansatz ist völlig falsch. Weil der scrollAmount hat so nichts mit der höhe des balkens zu tun. Muss ich vielleicht den amount irgendwie mit der höhe berechnen? Irgendwie bin ich verwirrt.
Ich versuche mich gerade an einer eigenen Scrollbar. (link)
Nun, wenn man auf das orangene "Ding" klickt wird die höhe und der wert der pro zurückgelegten pixel gescrollt wird berechnet.
Diesen wert, berechne ich folgender maßen:
(Dabei ist testbox der container in dem gescrollt wird, und scrollAmount dieser.. wert halt)
HTML:
scrollAmount = testbox.scrollHeight / testbox.clientHeight;Ich dachte mir das somit eigentlich eine ausgeglichene funktionsweise garantiert werden kann.
Nun ja, die Höhe des Balkens, (die momentan auch erst beim draufklicken berechnet wird), berechne ich so:
HTML:
// clientHeight = pro% von scrollAmount
pro = (testbox.clientHeight / testbox.scrollHeight) * 100;
scroller.style.height = testbox.clientHeight * ((pro) / 10);Nun, wie auf der Seite zu sehen ist ist aber entweder der balken zu gross oder der scrollAmount zu klein. Wo ist mein denkfehler?
EDIT: Ich glaube mein Ansatz ist völlig falsch. Weil der scrollAmount hat so nichts mit der höhe des balkens zu tun. Muss ich vielleicht den amount irgendwie mit der höhe berechnen? Irgendwie bin ich verwirrt.
