게시글 상단/하단으로 스크롤하는 버튼

[piffy]

Background

Navigating my forum requires a lot of jumping between the top and bottom of topics. This theme component makes that easier by placing visible jump buttons on topic pages.

How to install

	Summary	Adds buttons that enable efficient jumping to the beginning/end of topics.
	Repository	GitHub - ScottMastro/discourse-jump-buttons · GitHub
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

What it does

Buttons are placed in three different places and can be made visible/invisible by toggling the cooresponding settings. Issues or bug reports are welcome.

timeline buttons enabled:

This is slightly redundant with clicking on the dates at the top/bottom of the timeline but in my experience, that feature is mostly unknown to users without explicitly telling them.

---

jump button enabled:

Adds a “Jump” button at the bottom of the page to bring you back to the top. Text and hover info of the button can be changed in the component settings

---

mobile buttons enabled:

Always visible when browsing a topic on a mobile device

---

[fbpbdmin (deepblue)]

it might look nicer if move these two buttons to the left/right of the timestamps on the time slider ?

[Aaron_Walsh]

personally this way.. i think consumers will get confused with it being this way as they will think it is a scroll button more than a “Jump” button which is is entended for..

[fbpbdmin (deepblue)]

or this way, haha,
seems this makes it too crowded

this is an interesting design question, how to let users to realize the functions without making the UI too busy

[Lilly (Lillian)]

I like the way this component buttons look in the default way they are laid out. Perhaps one could fork the repo and make their own changes or make a PR?

It is also a good idea to have your own copy of the guide to basic interface elements to refer your users to. I believe the guide needs more details and hope to make this happen.

Understanding user interface elements in Discourse

This resource covers the names for each element of the Discourse user interface. Required user level: All users Here’s what Discourse’s interface looks like most of the time. Themes, theme components, and plugins may affect this layout. [Discourse Home Interface] Let’s break down the main parts, and then the main parts into smaller parts. [Discourse Home Interface Parts] Header Sidebar Main content Header [Header] Sidebar button/toggle (or Hamburge…

The timeline scroll should have more details about the functionality. There is a bit of info in the user guide but these documents could be linked better with more details.

Understanding Discourse for new users

This guide covers the fundamental features and basic usage of Discourse for new users, explaining key terms, how to navigate, participate in conversations, and configure notifications. Required user level: Any Welcome! As a new user of Discourse, we hope you will find this site intuitive and clearly structured. Here’s some guidance to help you get started: Summary This guide will cover: Basic terms used in Discourse Browsing and navigation tips Reading an…

I just usually tell my users that almost everything in the Discourse UI is clickable.

[fbpbdmin (deepblue)]

@Lilly

I like the way this component buttons look in the default way they are laid out.

yes, like the default one too.

adding buttons make the UI too busy…
but users should not read a manual first either, haha.

[Lilly (Lillian)]

@fbpbdmin

but users should not read a manual first either, haha.

Oh I realize that, I just like having a reference to point to when they ask. And also the search will be able to find it on your local forum if you have guides posted in a help desk category for example.

[Crius]

I am getting this notice in the developer console, related to this recent change

[THEME 17 ‘discourse-scroll-buttons’] Deprecation notice: Importing getOwner from discourse-common/lib/get-owner is deprecated. Use import { getOwner } from '@ember/application', or if you still need the fallback shim, use import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';. [deprecated since Discourse 3.2] [deprecation id: discourse.get-owner-with-fallback]

Any chance of an update? It’s a really useful component for mobile view.

[piffy]

Should be fixed. I replaced this line

const topicController = getOwner(this).lookup("controller:topic");

with this

const container = Discourse.__container__;
const topicController = container.lookup('controller:topic');

Following the sample code from here Get Category Name using JS - #2 by awesomerobot

I’m glad you find it useful!

[Kartoon]

I don’t know if it’s just my site or what but the down button has stopped doing anything (not sure when it stopped, couple weeks at least). The bottom one still works normally

[piffy]

Desktop or mobile? There are no problems on my end.

[piffy]

Ok I updated Discourse today and I see what you mean. It looks like this change below broke it, because jumpTop requires the click event to be passed.

I made changes to the theme component. It works for me now, hopefully it fixes it for you too.

---

https://github.com/discourse/discourse/pull/27408/files

app/assets/javascripts/discourse/app/controllers/topic.js

[Scott_Darnell]

최신 Discourse 업데이트에서 이 문제가 감지되어 비활성화되었습니다. 업데이트가 가능한가요?

[piffy]

리포트 감사합니다. 방금 수정 사항을 배포했습니다. 문제가 계속되면 알려주세요!

[toanvoc (Toan Nguyen)]

이 플러그인의 모바일 버전에서 아래 버튼(아래 화살표)이 아이폰의 Safari에서 작동하지 않습니다. 새로운 업데이트 버전에서 수정되기를 바랍니다.

[piffy]

최신 버전을 사용하고 계신가요? 제가 6일 전에 수정한 회귀 버그입니다.

[toanvoc (Toan Nguyen)]

최신 버전을 업데이트했습니다!

[piffy]

업데이트 후 이제 정상 작동하나요? 아니면 업데이트를 했는데도 여전히 아래 화살표 문제가 있나요?

[toanvoc (Toan Nguyen)]

이 컴포넌트들을 최신 버전으로 업데이트하고, iPhone에서 시크릿 모드 Safari 브라우저를 다시 사용해서 테스트해 보았지만, 여전히 아래 화살표가 작동하지 않습니다.

[piffy]

네, 시간을 내서 확인해 봤습니다. 모바일 함수를 업데이트하지 않은 것 같네요 (업데이트했다고 생각했거든요).

현재 버전은 hopefully 작동할 것 같습니다. 문제가 계속되면 알려 주세요!