添加返回按钮以返回滚动位置

大家好,

我需要帮助处理应用程序中的导航。我正在处理的流程如下:

  1. 用户向下滚动主屏幕(附图:“home”),阅读最新主题的标题。
  2. 当他们点击某个特定主题(附图:“Bear hugs gone too far”)时,他们会被带到主题详情屏幕(附图:“topic screen”),在那里他们可以阅读全文和回复。
  3. 问题:没有“返回”按钮可以让用户返回到主屏幕上的相同滚动位置,以继续浏览主题。

如何添加一个按钮,将用户返回到他们在主屏幕上的确切滚动位置?

提前感谢任何建议!



从左侧向右滑动。

1 个赞

试过了,但是不管用。不过还是谢谢你,@merefield

在 Meta 上也能正常工作

1 个赞

我有点糊涂,但你的浏览器不是有一个后退按钮吗?我刚刚在我的 iPhone 的 Safari 和 Chrome 上进行了测试,后退按钮将我带回了主题列表页面。左右滑动分别后退和前进(就像 Robert 上面提到的那样)也有效。:thinking: hub 应用程序也有前进和后退按钮以及滑动功能。

3 个赞

抱歉,我没有提供完整的上下文:我的话语社区嵌入在我们的移动应用程序中……也许这就是为什么没有后退按钮并且滑动不起作用的原因?

2 个赞

所以这就是你的问题 :slight_smile:

而且(至少在 Android 上)这有点不必要,因为它本身就对 PWA 有很好的支持(这也是我从苹果及其拖沓作风转向的原因之一)。

Discourse 开箱即用就是 PWA :rocket:

只需安装网站即可。

3 个赞

你好 @cristo
如果你真的想嵌入它,也许这个组件会有帮助?

虽然我不确定它是否会回到滚动位置。

4 个赞

@NateDhaliwal 非常感谢!!

是的,这有帮助!只是有一个细节,也许你知道如何修复。

向下滚动时,返回按钮会消失(请看附带的视频)……是否可以将返回按钮固定/浮动在屏幕顶部,以便在滚动时保持可见?

您好。由于我无法控制此组件,您必须在组件的主题中提出此请求。谢谢!

1 个赞

抱歉,我对安卓应用不太了解,但这不应该是一个返回按钮吗?

我认为他们指的是组件的后退按钮。

1 个赞

这个按钮将显得笨拙且不必要。

最终,应用程序存在一些问题,导致无法进行 Discourse 原生的滑动返回功能,而应用程序应该支持该功能。

我已经将多个应用程序部署到 App Store 和 Play Store(这些应用程序都没有这个问题)。

如果您有预算,我可以帮您查看根本原因。

1 个赞

是的,但是当用户点击该按钮时,应用程序会关闭(转到后台)而不是导航回。

@cristo 您能否尝试一下这个现有的 TC 并告知您的想法……

1 个赞

我在 iPhone 15 Pro Max 上试了一下——Safari 浏览器中没有显示“后退”和“前进”按钮,Chrome 浏览器中显示了但不起作用 :cry:

1 个赞

我在我们的移动应用程序(嵌入式 Webview)上试过了,但它不起作用。

后退和前进按钮确实出现了,但当我点击它们时没有任何反应。

感谢您检查这一点,如果您找到任何其他设计理念或示例,请随时发布。

1 个赞