用于滚动到主题顶部/底部的按钮

主题组件
1

背景

在论坛中浏览时，我经常需要在主题的顶部和底部之间来回跳转。这个主题组件通过在主题页面上放置可见的跳转按钮，使这一操作更加便捷。

如何安装

|||
|-|-|-|
| :information_source: | 摘要 | 添加了可实现高效跳转到主题开头/结尾的按钮。
| :hammer_and_wrench:|仓库| GitHub - ScottMastro/discourse-jump-buttons |
| :question:|安装指南|如何安装主题或主题组件|
| :open_book:|不熟悉 Discourse 主题？| Discourse 主题使用入门指南|

功能

按钮放置在三个不同的位置，可以通过切换相应的设置来使其可见/不可见。欢迎提交问题或 Bug 报告。

时间轴按钮已启用：

image
image452×1082 12.4 KB

这与点击时间轴顶部/底部的日期有些重复，但根据我的经验，用户通常不知道这个功能，除非明确告知。

跳转按钮已启用：

image
image1242×270 24.4 KB

在页面底部添加一个“跳转”按钮，将您带回顶部。按钮的文本和悬停信息可以在组件设置中更改。

移动设备按钮已启用：

image
image602×150 2.17 KB

在移动设备上浏览主题时始终可见。

11 个赞
2

如果把这两个按钮移到时间滑块的时间戳的左边/右边，看起来会不会更好看？

image
image112×394 7.03 KB

1 个赞
3

就个人而言，我认为消费者会因为它是这样而感到困惑，因为他们会认为它是一个滚动按钮，而不是它所期望的“跳转”按钮。

1 个赞
4

哈哈，或者这样，
这似乎让它太拥挤了

这是一个有趣的设计问题，如何在不让用户界面过于繁忙的情况下让他们意识到这些功能 :slight_smile:

image
image318×854 11.2 KB

1 个赞
5

我喜欢这个组件按钮默认布局的外观。也许可以分叉（fork）这个仓库并进行自己的更改，或者提交一个拉取请求（PR）？

另外，拥有自己的一份界面元素基础指南以供用户参考也是个好主意。我认为这份指南需要更多细节，并希望能够实现这一点。:slight_smile:

时间线滚动（timeline scroll）应该有更多关于其功能的信息。在用户指南中有一些信息，但这些文档可以通过添加更多细节来更好地链接。

我通常只告诉我的用户，Discourse UI 中的几乎所有东西都是可点击的。:grin:

6

是的，我也喜欢默认的。

添加按钮会让用户界面过于杂乱……

但用户也不应该先阅读手册，哈哈。

1 个赞
7

哦，我明白，我只是喜欢在他们提问时有一个参考资料可以指向。而且，如果你们的本地论坛在帮助台类别中发布了指南，搜索也能找到它。

8

我在开发者控制台中收到了此通知，与此最近的更改相关。

[THEME 17 ‘discourse-scroll-buttons’] 弃用通知：从 discourse-common/lib/get-owner 导入 getOwner 已被弃用。请使用 import { getOwner } from '@ember/application'，或者如果您仍需要备用 shim，请使用 import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';。[已弃用，自 Discourse 3.2 起] [弃用 ID：discourse.get-owner-with-fallback]

有机会更新吗？对于移动视图来说，这是一个非常有用的组件。

1 个赞
9

应该已经修复了。我将这一行替换为\n\njs\nconst topicController = getOwner(this).lookup(\"controller:topic\");\n\n用这个\n\njs\nconst container = Discourse.__container__;\nconst topicController = container.lookup('controller:topic');\n\n\n遵循这里的示例代码 https://meta.discourse.org/t/get-category-name-using-js/177110/2\n\n很高兴您觉得它有用！

2 个赞
10

我不知道是我的网站有问题还是怎么回事，但是向下的按钮已经不起作用了（不确定是什么时候停止的，至少有几周了）。下面的按钮仍然可以正常工作。

11

桌面还是手机？我的这边没有问题。

12

我今天更新了 Discourse，我明白了你的意思。看起来下面的这个更改破坏了它，因为 jumpTop 需要传递 click 事件。

我对主题组件进行了更改。它现在对我来说可以正常工作了，希望也能为你修复它。

image
image573×315 27.7 KB

2 个赞
13

最新的 Discourse 更新将此标记为已禁用。是否有可能进行更新？

1 个赞
14

感谢您的报告。刚推送了一个修复程序，如果问题仍然存在，请告知！

1 个赞
15

此插件在 iPhone 的 Safari 上的向下按钮（向下箭头）无法使用。希望在新版本中得到修复。

16

您有最新版本吗？那是我 6 天前修复的回归错误。

17

我已经更新到最新版本了！

18

您更新后现在可以用了吗？还是更新后仍然存在向下箭头的问？

19

我已将这些组件更新到最新版本，并使用无痕 Safari 浏览器在我的 iPhone 上再次进行了测试，但向下箭头仍然无法使用。

20

好的，我有时间看了。看来我没有更新移动功能（以为我更新了）。

当前版本应该可以正常工作。如果问题仍然存在，请告诉我！

2 个赞