CODEWITHSUNDEEP
javascriptjquerycssscrollbarhide
Higo709
Higo709

Reputation: 39

Hide scroll bars keeping them work (specific case)

I need to hide some scroll bars in something like a table.
I have a 5 rows table built with some div elements, each row contains a scroll bar for an horizontal scroll.
There is a way for hide them?
I already tryed searching solutions here, but that solutions only work with a single row, or, however, didn't work in my case.

There is the Demo

Upvotes: 0

Views: 25

Answers (1)

Matthew Riches
Matthew Riches

Reputation: 2286

You can hide scroll bars by giving them a style using pseudo selectors:

.target::-webkit-scrollbar { 
    display: none; 
}

This being said it is a big no no in terms of accessibility to change and hide scrollbars, looking at your code you are also using JavaScript to sets widths. Maybe it's worth looking how to re-work your code to completely negotiate these issues.

Upvotes: 1

Related Questions