DEV Community

Discussion on: CSS hide scrollbars

Collapse
 
lexlohr profile image
Alex Lohr

You should be conscious that hiding the scrollbar means that you hide information from the user, which can be bad UX. In case the user does not know there is content below the fold, they will likely never search for it. That can be fixed by giving a sticky indicator of following content if a scrollbar would have been shown (either by media query or with JS).

Collapse
 
dailydevtips1 profile image
Chris Bongers

Agreed, however there are certain use-cases in my opinion like shown here where it can be valuable.
It's also a matter of design/client wishes, but I would say here we can safely remove it.

Collapse
 
lexlohr profile image
Alex Lohr

If a client wants us to implement a bad UX, its our professional duty to help him make an informed decision on that. To say, "we don't have customers who have an issue with that" actually means "those who have an issue with that are not our customers".

Thread Thread
 
dailydevtips1 profile image
Chris Bongers

Well there is bad UX and just ugly default browser shit

I really don't feel bad hiding a scrollbar for a side menu that is a mere 50px wide.
If they asked me to remove the general scrollbar, agreed.

Thread Thread
 
lexlohr profile image
Alex Lohr

I would just advise them to add a small sticky indicator that there is more content below the fold and then hide the scrollbar as a fix to the UX issue, like I mentioned before. That may not be neccessary in every case, but in the one you showed, it would be rather useful.

Thread Thread
 
nikhilmwarrier profile image
nikhilmwarrier

Maybe some light inset shadow with js? Or a very thin scrollbar using pseudo selectors...
Or clip some content in such a way that the user would know there's scrollable content...