Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animated back to top button with CSS #6

Closed
LITUATUI opened this issue Feb 4, 2023 · 2 comments
Closed

Animated back to top button with CSS #6

LITUATUI opened this issue Feb 4, 2023 · 2 comments

Comments

@LITUATUI
Copy link

LITUATUI commented Feb 4, 2023

The idea is to show a back to top button only after scrolling with CSS.

This article shows some methods that only use CSS, no JS.

I especially like this method with a fading button.

What do you guys think?

@willfaught
Copy link
Owner

willfaught commented Feb 10, 2023

@LITUATUI Sorry for the delay responding. Somehow I was unsubscribed from issue notifications.

Are you proposing to add this to the default design, or reporting that it's not possible to do?

Since browsers already have a way to "scroll to top" (e.g. Cmd+Up on Mac), I'm disinclined to make this part of the default design.

However, users should be able to add it easily. I believe you can achieve this with partials/paige/head-last.html and/or partials/paige/body-last.html. Try putting the HTML and CSS for the button there.

Edit: Last sentence

@willfaught
Copy link
Owner

Closing for now. If you have more to add, please reopen the issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants