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

Search: Consider sticky filters or "back to top" button #238

Open
jpmckinney opened this issue Sep 20, 2022 · 2 comments
Open

Search: Consider sticky filters or "back to top" button #238

jpmckinney opened this issue Sep 20, 2022 · 2 comments
Assignees

Comments

@jpmckinney
Copy link
Member

jpmckinney commented Sep 20, 2022

From #85 (comment)

Some websites have a "back to top" link appear only when the user starts scrolling up again.

https://www.nngroup.com/articles/back-to-top/

@jpmckinney jpmckinney added the ui label Sep 20, 2022
@jpmckinney jpmckinney self-assigned this Sep 20, 2022
@jpmckinney
Copy link
Member Author

jpmckinney commented Oct 1, 2022

The sidebar is too tall on small windows. Even on fullscreen devices in landscape orientation (iPads, etc.), it's too tall once the "clear all filters" link appears.

We'd have to use something like https://abouolia.github.io/sticky-sidebar/. Nordstom is an example of the technique. It uses accordions because it has so many filters. In our case, it's better not to hide the available options, as they are less predictable, compared to shopping for clothing.

However, that's 24kB of JavaScript just to keep the filters visible. FWIW, Amazon has more than 1 screen of filters and they are not sticky.

@jpmckinney
Copy link
Member Author

I've added a "back to top" link on desktop. Will wait to do on mobile after #241.

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

No branches or pull requests

1 participant