Skip to content

Request for customizing how much the page scrolls on clicking the track. #754

@apoorvapendse

Description

@apoorvapendse

Hi @KingSora,

I am writing this on behalf of the @zulip team.
We wanted to customize(reduce) how much the page scrolls on clicking the track, for the custom scrollbar attached to the body.
As of writing, we still use the native scrollbar.

After looking through some of the Chromium and Firefox source, we concluded that there is no native way to customize that aspect for the native scrollbar, and we think your library could help us with this.

I see that the currently supported feature in OverlayScrollbars is limited to scrollbars.clickScroll that lets one toggle the click-the-track-to-scroll functionality.

For our use case, we'd like to reduce the scroll delta on the documentElement to something lesser than the page viewport to accommodate for sticky elements that are present in the Zulip web app, namely the recipient header and the navbar at the top and the composbox at the bottom.

screenshot of the said navbar, recipient header and composebox Image

That'd help us in keeping the click-track-to-scroll experience more sensible, where we could sustain some consistent line overlap at different Zoom levels and font sizes between such scrolls, when the user clicks the track to scroll.

After spending a few hours to skim through the codebase (and finding a small documentation error(#753)), I think createRelativeHandleMove might be an area that could be tweaked to make that happen. (please CMIIW)

Would it be possible to implement such a feature?
Also, I'd like to invite you to the chat.zulip.org(our developer forum) discussion where we're evaluating using OverlayScrollbars:
#issues > Scrollbar clicks moving too far

Thank you for reading.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions