RudolphKulotzky
New member
#
Hallo alle zusammen!
In den letzten Monaten habe ich mir eine eigene Website, basierend auf HTML, CSS und Javascript gebaut. (Weil mir fast alle Grundkenntnisse fehlten schien mir das am geeignesten.)
Die Webseite ist als eine riesige Fläche definiert, auf welcher sich die Inhalte in Form von Div-Boxen befinden. Um einfach von einem Ort zum anderen zu gelangen, habe ich eine Javascript-Funktion gebaut, welche automatisch zum gewünschten Ziel-Div scrollt. (Also nicht "springt" sondern sichtbar hinfährt) Da es sich um eine riesige Fläche handelt, wird sowohl vertikal als auch horizontal gescrollt.
Die verwendeten Javascript-Methoden sind hierbei:
scrollTop & scrollLeft ----> zur Bestimmung der aktuellen Position
offsetTop & offsetLeft ---> zur Bestimmung der Position des Zieldivs
scrollBy ----------------> zum schrittweise wiederholten Fortbewegen über die Seite, das dann flüssig wie ein "Überfliegen" erscheint
Nach einigen Verbesserungen funktioniert das alles ganz hervorragend!
BIS AUF IM ANDROID-BROWSER UND IN DOLPHIN. Hier funktioniert nur das horizontale "Autoscroll" flüssig; das vertikale "Autoscroll" ruckelt immer mal wieder vor und zurück und kommt manchmal sogar minimal voran!
Seltsamerweise hatte ich von den zig Test auch schon Varianten, dass ohne jede Modifikation es mit einmal funktioniert hat. Aber eben auch nur einmal..
Ich benutze ein SGII, habe dasselbe Problem jetzt aber auf einem Samsung-Tablet beobachten können. Da ich von den Seitenbesuchern nicht die neueste Geräte- sowie Browservariante erwarte; habe ich nicht vor das Problem mit einem Update/Upgrade zu lösen.
Ich wäre hocherfreut, wenn jemand eine guten Rat oder zumindest eine Erklärung parat hat!
PS
Selbstverständlich habe ich mich vorher um eine halbwegs vernünftige google-Suche bemüht; schließe aber natürlich Mängel nicht aus.
Hallo alle zusammen!
In den letzten Monaten habe ich mir eine eigene Website, basierend auf HTML, CSS und Javascript gebaut. (Weil mir fast alle Grundkenntnisse fehlten schien mir das am geeignesten.)
Die Webseite ist als eine riesige Fläche definiert, auf welcher sich die Inhalte in Form von Div-Boxen befinden. Um einfach von einem Ort zum anderen zu gelangen, habe ich eine Javascript-Funktion gebaut, welche automatisch zum gewünschten Ziel-Div scrollt. (Also nicht "springt" sondern sichtbar hinfährt) Da es sich um eine riesige Fläche handelt, wird sowohl vertikal als auch horizontal gescrollt.
Die verwendeten Javascript-Methoden sind hierbei:
scrollTop & scrollLeft ----> zur Bestimmung der aktuellen Position
offsetTop & offsetLeft ---> zur Bestimmung der Position des Zieldivs
scrollBy ----------------> zum schrittweise wiederholten Fortbewegen über die Seite, das dann flüssig wie ein "Überfliegen" erscheint
Nach einigen Verbesserungen funktioniert das alles ganz hervorragend!
BIS AUF IM ANDROID-BROWSER UND IN DOLPHIN. Hier funktioniert nur das horizontale "Autoscroll" flüssig; das vertikale "Autoscroll" ruckelt immer mal wieder vor und zurück und kommt manchmal sogar minimal voran!
Seltsamerweise hatte ich von den zig Test auch schon Varianten, dass ohne jede Modifikation es mit einmal funktioniert hat. Aber eben auch nur einmal..
Ich benutze ein SGII, habe dasselbe Problem jetzt aber auf einem Samsung-Tablet beobachten können. Da ich von den Seitenbesuchern nicht die neueste Geräte- sowie Browservariante erwarte; habe ich nicht vor das Problem mit einem Update/Upgrade zu lösen.
Ich wäre hocherfreut, wenn jemand eine guten Rat oder zumindest eine Erklärung parat hat!
PS
Selbstverständlich habe ich mich vorher um eine halbwegs vernünftige google-Suche bemüht; schließe aber natürlich Mängel nicht aus.