加载更多按钮

自定义 主题组件
1
:information_source: 摘要 插入一个“加载更多”按钮，需点击该按钮以加载更多主题/帖子/用户/群组/其他内容
:eyeglasses: 预览 https://discourse.theme-creator.io/theme/RGJ/load-more-button
:hammer_and_wrench: 仓库 GitHub - communiteq/discourse-tc-load-more-button · GitHub
:question: 安装指南 如何安装主题或主题组件
:open_book: 刚接触 Discourse 主题？ Discourse 主题使用入门指南

安装此主题组件

插入一个“加载更多”按钮，确保 Discourse 不被认定为“在无需受保护用户任何手动输入的情况下，在此类信息流或落地页底部显示额外媒体”。

相关背景：Time to reconsider infinite scroll?

主题列表

image
image1450×1163 130 KB

主题视图

image
image1106×637 36.2 KB

用户目录

image
image1474×960 62 KB

详细说明…

4 个赞
Time to reconsider infinite scroll?
2

哈哈，不错！我也在考虑试试这个——正想着把按钮放在侧边栏或者做成悬浮的。干得漂亮 :clap:

2 个赞
3

Screenshot_20260502_012533_Chrome
Screenshot_20260502_012533_Chrome1080×2340 215 KB

在移动设备上，按钮用（右）拇指很难够到 :slight_smile:

将其居中会更好。

3 个赞
4

在移动设备上居中：

@use "lib/viewport";

@include viewport.until(md) {

  .load-more-btn.btn.btn-primary {
    display: block;
    margin: 0 auto;   
  }
}
2 个赞
5

这非常好，谢谢！我确实发现了一个在我 Discourse 站点上明显存在的 bug：

这个站点规模较小，大部分内容在作为学生登录后才会显示。因此，首页只有五条帖子。尽管如此，“加载更多”按钮仍然出现了，而它本不应出现。如果您点击它，它会消失；但如果您向上滚动一点再向下滚动，它又会重新出现。

不过在话题页面上它运行得很好。由于这些页面不对公众可见，这一点还请您信任我的描述。

当然，我明白这是您在业余时间完成的，但我认为还是应该告知您。再次感谢！

1 个赞