Hinzufügen eines Zurück-Buttons zum Zurückkehren zur gescrollten Position

Entwickler
1

Hallo zusammen,

ich brauche Hilfe bei der Navigation in meiner App. Hier ist der Ablauf, an dem ich gerade arbeite:

  1. Der Benutzer scrollt auf dem Startbildschirm nach unten (Bild angehängt: „Home“) und liest die Titel der neuesten Themen.
  2. Wenn er auf ein bestimmtes Thema klickt (Bild angehängt: „Bear hugs gone too far“), gelangt er zum Detailbildschirm des Themas (Bild angehängt: „Topic screen“), wo er den vollständigen Text und die Antworten lesen kann.
  3. Das Problem: Es gibt keine „Zurück“-Schaltfläche, mit der der Benutzer an dieselbe Scroll-Position auf dem Startbildschirm zurückkehren kann, um weiter Themen zu durchsuchen.

Wie kann ich eine Schaltfläche hinzufügen, um den Benutzer zur exakten Scroll-Position zurückzubringen, an der er sich auf dem Startbildschirm befand?

Vielen Dank im Voraus für alle Vorschläge!

Home
Home871×1600 104 KB

Bear hugs gone too far
Bear hugs gone too far867×1600 113 KB

Topic screen
Topic screen939×1600 113 KB

2

Von links nach rechts wischen.

1 „Gefällt mir“
3

Habe das versucht, aber es funktioniert nicht. Trotzdem danke, @merefield!

4

Funktioniert hier bei Meta auch

1 „Gefällt mir“
5

Nenn mich verwirrt, aber hat dein Browser keine Zurück-Schaltfläche? Ich habe es gerade auf meinem iPhone in Safari und Chrome getestet und die Zurück-Schaltflächen bringen mich direkt dorthin zurück, wo ich auf der Themenlisten-Seite war. Das Wischen nach links und rechts, um zurück bzw. vorwärts zu gehen (wie Robert oben erwähnt hat), funktioniert ebenfalls. :thinking: Die Hub-App hat auch Zurück- und Vorwärts-Schaltflächen und Wischgesten.

3 „Gefällt mir“
6

Entschuldigen Sie, dass ich nicht den vollständigen Kontext angegeben habe: Meine Diskursgemeinschaft ist in unsere mobile App eingebettet … vielleicht ist das der Grund, warum es keine Zurück-Schaltfläche gibt und das Wischen nicht funktioniert?

2 „Gefällt mir“
7

Das ist also dein Problem :slight_smile:

Ziemlich unnötig (zumindest unter Android), da es nativ eine hervorragende Unterstützung für PWAs bietet (einer der Gründe, warum ich von Apple und deren Zögern gewechselt habe).

Discourse ist eine PWA out of the box :rocket:

Installiere einfach die Website.

3 „Gefällt mir“
8

Hallo @cristo!
Wenn du es wirklich einbetten möchtest, hilft dir vielleicht diese Komponente?

Ich bin mir jedoch nicht sicher, ob es zur gescrollten Position zurückkehrt.

4 „Gefällt mir“
9

@NateDhaliwal vielen Dank!!

Es hat geholfen, ja! Es gibt nur ein Detail, bei dem Sie vielleicht wissen, wie man es behebt.

Die Zurück-Schaltfläche verschwindet, wenn Sie nach unten scrollen (siehe angehängtes Video)… ist es möglich, die Zurück-Schaltfläche am oberen Bildschirmrand zu fixieren/schweben zu lassen, damit sie auch beim Scrollen sichtbar bleibt?

10

Hallo. Da ich diese Komponente nicht kontrolliere, müssen Sie diese Anfrage im Thema der Komponente selbst stellen. Danke!

1 „Gefällt mir“
11

Entschuldigung, ich kenne mich mit Android-Apps nicht gut aus, aber ist das nicht eine Zurück-Schaltfläche?

Ein Smartphone-Bildschirm zeigt ein Gespräch mit einem Chatbot, wobei die Funktion „Lesezeichen“ hervorgehoben wird. (Beschriftet von KI)
Ein Smartphone-Bildschirm zeigt ein Gespräch mit einem Chatbot, wobei die Funktion „Lesezeichen“ hervorgehoben wird. (Beschriftet von KI)309×356 25 KB

12

Ich glaube, sie bezogen sich auf die Zurück-Schaltfläche der Komponente.

1 „Gefällt mir“
13

Dieser Button wird sperrig und unnötig sein.

Letztendlich stimmt etwas mit der App nicht, das das Zurückwischen verhindert, was bei Discourse nativ ist und von der App unterstützt werden sollte.

Ich habe mehrere Apps im App Store und Play Store veröffentlicht (keine davon hatte dieses Problem).

Wenn Sie Budget haben, kann ich mir die Ursache für Sie ansehen.

1 „Gefällt mir“
14

Ja, das ist es. Aber wenn Benutzer auf diese Schaltfläche klicken, schließt sich die App (geht in den Hintergrund), anstatt zurückzunavigieren.

15

@cristo Könnten Sie bitte diesen bestehenden TC ausprobieren und mir Ihre Meinung mitteilen…

1 „Gefällt mir“
16

Ich habe es gerade auf dem iPhone 15 Pro Max ausprobiert – die „Zurück“- und „Weiter“-Schaltflächen werden in Safari nicht angezeigt, und sie werden in Chrome angezeigt, funktionieren aber nicht :cry:

1 „Gefällt mir“
17

Ich habe es in unserer mobilen App (eingebettete Webview) ausprobiert und es hat nicht funktioniert.

Die Vor- und Zurück-Schaltflächen werden zwar angezeigt, aber es passiert nichts, wenn ich darauf klicke.

18

Danke, dass Sie das geprüft haben, und bitte posten Sie alle zusätzlichen Designideen oder Beispiele, die Sie finden.

1 „Gefällt mir“