Smartphone/Mobile Ansicht: beim Scrollen nach unten springt der angezeigte Ausschnitt ab und zu nach oben

    Moin,

    zu folgendem Problem habe ich hier noch keine Lösung finden können:

    Wenn ich meine Website mit verschieden Smartphones besuche, ergibt sich bei allen Geräten das Fehlerbild:

    Beim Scrollen/Wischen mit dem Finger nach unten, springt die Seite manchmal nach oben.

    -wann das passiert scheint keiner klaren Regel zu folgen; mal jedes zweite mal, mal jedes fünfte mal

    - auf allen Unterseiten

    - häufig wenn man mit einem Wisch komplett runter scrollt

    - manchmal auch, wenn man ganz langsam runter scrollt und dann auch schon bevor man das Seitenende erreicht hat

    - der Spring geht immer auf die gleiche Stelle der Subseite, i. d. R. springt die Seite irgendwo zwischen erstes Drittel und Hälfte

    - Fußzeile deaktivieren hat nichts gebracht

    - Design-Vorlage: Campfire Responsive - Modelagentur

    Ab morgen mittag (13.07.) ist die Seite öffentlich zugänglich: http://www.leichtlast.de

    Dieser Bug ist sehr störend, ich freue mich über jede Hilfe!

    Viele Grüße

    Pierre

    OK, bitte melden Sie sich hier nochmal kurz, wenn die Website online ist, dann schauen wir das gerne an.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo,

    die Seite ist jetzt online (http://www.leichtlast.de - ohne "www." ist noch eine Umleitung drin). Der Screenshot @Creed ist noch von der alten Seite (http://www.libelle-lastenrad.de). Der beschriebene Bug ist immer noch da.

    Ich bin für jede Hilfe dankbar!

    Viele Grüße

    Pierre


    PS: Beim Shop/Konfigurator wird über den Themen Kategorien: angezeigt. Wie kann ich das löschen? Ich weiß wie man den Text anpasst, ich weiß auch wie man ihn weglässt, aber ich weiß nicht, wie man den übrigbleibenden Doppelpunkt loswird :D

    Also ich kann das beschriebene Verhalten weder auf einem iPad noch iPhone nachstellen. Zum Scrollen swipe ich mit dem rechten Daumen, damit ich nicht aus Versehen beim Scrollen auf die Sidebar-Icons komme… Ich habe das auf verschiedenen Ihrer Seiten getestet.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Danke für eure Antworten.

    Ich werde nochmal versuchen den Bug auf anderen Endgeräten zu reproduzieren. @Creed bei meiner Mobilen Ansicht werden die Bilder automatisch über bzw. unter die Texte geschoben. Gibt es dafür einen Quick-Fix oder müsste überall die Anordnung geändert werden?

    Bin jetzt erstmal im Urlaub und mache danach an dieser Stelle weiter.

    Danke für eure Hilfe!

    Man sollte seine Seiten immer für Mobil per CSS anpassen, sonst kann es sein das auf verschiedene Endgeräte es so aussieht wie bei mir, das ist der erste Eindruck wenn ich viele andere Seiten im Netz ansehen, bin ich immer ganz schnell weg.

    Kann sein das es andere anders sehen, mir ist es halt nur aufgefallen, wie ich auf die Seite bin.

    Viel Glück

    Hallo zusammen,

    das Verhalten kann ich auf meinen Android Galaxy A53 5G in Firefox und Chrome nachvollziehen.

    Wenn ich mit dem Finger in die Fußzeile mit dem Fußzeilen-Menü und ©-Zeichen "fasse", ein wenig nach oben oder unten "ziehe", springt/scroll der Screen nach oben, als hätte ich auf einen "nach oben Pfeil ohne Move" geklickt:

    https://fragezzeichen.de/2022_07_14_09_35_33_1.mp4
    Minuten 00:05/00:06, 00:10/00:11/ 00:24/00:25

    Pierre:
    Als Smartphone-Screenrecorder nutze ich den ADV Screen Recorder.

    LG
    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

    Hallo zusammen

    Zitat

    Das Verhalten kann ich auf meinen Android Galaxy A53 5G in Firefox und Chrome nachvollziehen.


    Das Verhalten kenne ich so auch. Dies mit Android Galaxy S9 (ja, schon alt).

    Allzeit eine gute Zeit und viele Grüsse

    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

    Also ich wüsste nicht, dass wir in der Fusszeile irgendwelchen Code hätten, der das verursachen könnte. Ich gehe daher zunächst einfach von einem Bug im Browser aus.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Also ich habe sowas noch nie gehabt und kann es auf keinem Endgerät reproduzieren. Was ich vermute, dass Codeschnipsel für weicheres Scroellen oder etwas anderes verwendet wurden. Nicht alle "externen" Widgets und Codeschnipsel sind kompatibel mit allen Layouts. Man muss aufpassen, welche Skripte man verwendet.

    Aber Ihr findet schon den Fehler ;)

    VG

    Stopp!

    Ich habe den Beitrag notfallmässig gelöscht!

    Nebenwirkung entdeckt! Nicht nachmachen :)

    (Wäre zu schön/vermessen gewesen)

    Allzeit eine gute Zeit und viele Grüsse

    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

    Hallo,

    der Bug besteht immernoch. Der naheliegende Verdacht "... externen Widgets und Codeschnipsel ..." trifft leider nicht zu. Ich verwende ausschließlich die vorhandenen Widgets und außer google-maps-css-code ist alles aus dem Zeta-Baukasten.

    Könnte es helfen, wenn ich das Projekt hochlade und einem Admin den Zugang gebe?`

    Ich hoffe nach wie vor, dass wir eine Lösung finden. Die Website ist auf betroffenen Geräten kaum besuchbar...

    Gruß

    Pierre

    Hallo,

    es tut mir wirklich extrem leid, aber wir haben kein entsprechendes Device auf dem wir das testen/nachstellen können. Uns bleibt also nur zu hoffen, dass auch diese veralteten (wenn ich das recht verstehe) Android-Browser mal vom Hersteller aktualisiert werden.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Handymodelle auf denen der Bug bislang reproduziert werden konnte:

    - Huawei P20

    - Galaxy A53 5G

    - Galaxy S9

    - Pixel 5

    - Galaxy s10e

    Gerade habe ich noch ein paar Browser getestet und bin evtl. auf etwas Intereassantes gestoßen:

    Bug tritt auf: Chrome, Edge, Firefox, Opera

    Bug tritt nicht auf: DuckDuckGo

    Worauf lässt das schließen?

    Meint ihr es wäre einen Versuch wert, das ganze Projekt nocheinmal komplett neu aufzusetzen?

    Einmal editiert, zuletzt von Pierre (27. September 2022 um 14:25)

    Das lässt auf einen Browser-But schließen. Wichtig hierbei ist die genaue Android-Version des jeweiligen Gerätes sowie die genaue Version des entsprechenden Browsers.

    Ich bezweifle, dass ein "neu aufsetzen" etwas bringt. Vielleicht ein 2. Testprojekt mit dem selben Layout?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    In Anbracht der Häufigkeit des Bugs, lehne ich mich wohl nicht weit aus dem Fenster, wenn ich vermute, dass es weder an der Adroid-Version, noch an Browserversionen liegt. Ist es nicht viel naheliegender, dass es am CMS liegt?

    Zitat von Pierre

    n Anbracht der Häufigkeit des Bugs, lehne ich mich wohl nicht weit aus dem Fenster, wenn ich vermute, dass es weder an der Adroid-Version, noch an Browserversionen liegt. Ist es nicht viel naheliegender, dass es am CMS liegt?

    Warum tritt das dann in keinem der von uns genutzten Smartphones/Tablets auf?

    Ich installiere mir nun mal einen Android 9 Emulator und versuche es dort nachzustellen. Gibt es noch eine Demo-Seite die ich zum Test verwenden kann?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Zitat von Stefan S

    Warum tritt das dann in keinem der von uns genutzten Smartphones/Tablets auf?

    Ich installiere mir nun mal einen Android 9 Emulator und versuche es dort nachzustellen. Gibt es noch eine Demo-Seite die ich zum Test verwenden kann?

    Ich erstelle morgen noch eine Demo-Seite mit dem Capfire-Responsive-Design.

    Zitat von Pierre

    Ich erstelle morgen noch eine Demo-Seite mit dem Capfire-Responsive-Design

    Ok, super. In dem Projekt dann bitte das globale Attribut "show_debuginfo" bearbeiten und den Inhalt auf true stellen, dann kann ich in der Browser-Console mehr sehen. Besten Dank!

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Mittlerweile habe ich ein altes Android Tablett gefunden, mit dem ich das auf Ihrer Website (mit viel Mühe – ich bezweifle fast, dass dies Ihnen Besucher tatsächlich passiert) nachstellen kann. Ich habe nun auch ein Testprojekt erstellt.

    Versuchen Sie bitte dort das Verhalten nachzustellen, ist mir bislang nicht gelungen…

    Lizenznummer eingeben

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Ich kann das auf beiden Seiten nachstellen.

    • Die Seite ist frisch geladen und ich befinde mich ganz oben. Ich swipe kräftig nach oben damit die Seite schnell nach unten scrollt.
    • https://leichtlast.de/, die Seite scrollt ganz nach unten und springt anschließend kurz über die Überschrift "Leicht".
    • https://campandroid.zeta-producer.com/index.html, die Seite scrollt ganz nach unten und springt anschließend direkt über den Footer.

    Telefon: Google Pixel 5

    Software: Android 12 Build SQ3A.220705.003A1

    Browser: Google Chrome 105.0.5195.136

    Im Firefox und Dolphin tritt mit dem gleichen Telefon nicht auf.

    Hallo alle

    Vielleicht hilfreich:

    (musste improvisieren, da Videos zu gross - hoffe, es funktioniert)

    [Link entfernt, da nicht mehr aktuell]

    (Galaxy S22+, egal ob Firefox, Chrome, oder Samsung-eigener Browser)

    Herzlichen Dank und viele freundliche Grüsse

    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

    Einmal editiert, zuletzt von elch (28. September 2022 um 19:25)

    Hallo,

    ja es liegt anscheinend am template. Habe es mal hier hochgeladen: libelle-cargobike.de

    gleicher Bug... Kann mir an dieser Stelle hier noch geholfen werden oder soll ich mich mit einem Ticket direkt an den Support wenden?

    Danke für die Mithilfe!

    Kann ich auch auf allen Seiten nachvollziehen.

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

    Hallo,

    dank den Videos von elch bin ich auf eine Spur gekommen. Ich vermute die Ursache ist die untere Toolbar, die der Browser nach dem scrollen oft einblendet. Je nach Browser und Version ist diese unterschiedlich hoch und das scheint dann auch die Distanz zu beeinflussen in der "falsch" gescrollt wird.

    Ich habe nun mal was in meinem Testprojekt verändert und bitte Euch nochmals zu Testen, ob das Verhalten in https://campandroid.zeta-producer.com/index.html nun noch auftritt. Seher wichtig: vorher den Browser-Cache unbedingt löschen!

    Sollte der Fehler nun nicht mehr auftreten, weiss ich, was zu tun ist.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Ja. Bei mir hüpft da auch nichts mehr :)

    Prima!

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

    Ok, dann ist nun alles klar und ich kann ein Layout-Online-Update vorbereiten. Herzlichen Dank!

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    PS: wenn ich das richtig sehe, müsste sich dieses Problem z.B. auch beim Layout "Flat Responsive" zeigen. Falls dafür noch jemand Zeit hat…

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Bestätige auch: Flat Responsive hat das Problem nicht.

    Ich habe nun mal einige Beispiel-Vorlagen durchgespielt (jeweils per "In neuer Registerkarte öffnen") und habe das Ruckeln - nebst bei Campfire Responsive - lediglich zuätzlich bei einer Vorlage mit Atmosphere Responsive beobachten können -> hier

    Alle anderen aufgerufenen Vorlagen ruckelten nicht beim Scrollen. Ich habe jedoch nicht alle verfügbaren Vorlagen getestet, nur jene, die "als Standard" beim Aufrufen der Seite erscheinen ...

    Viele Grüsse

    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

    Vielen Dank!

    Eigenartig, dass Flat das Problem nicht hat, aber mir soll es recht sein.

    Der Fehler in "Campfire Responsive" ist nun per Online-Update für Version 16.5 behoben. In frühestens 30 Minuten auf "Extras > Updates suchen" klicken und nachdem Inhalte geladen wurden (Hinweis unten rechts) die Tastenkombination STRG-SHIFT-T drücken. Danach ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden