Question

192

Overflow-y: Scroll not showing scrollbar in Chrome

rated 0 times [ 195] [ 3] / answers: 1 / hits: 57890 / 8 Years ago, thu, february 4, 2016, 12:00:00

I am generating a list of organisations of the left hand side of this page: http://www.ihhub.org/member-map/

This list is generated through appending <span> tags that are linked to the corresponding map.

My issue is - the scroll bar does not appear in CHROME but does appear in Firefox and Safari.

Any solutions?

UPDATE:

This issue appears to be isolated to MAC OS.

SOLUTION:

::-webkit-scrollbar {

    -webkit-appearance: none;

    width: 7px;

}

::-webkit-scrollbar-thumb {

    border-radius: 4px;

    background-color: rgba(0,0,0,.5);

    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

denis

Add To Favorites

Follow

Total Points: 260

Total Questions: 87

Total Answers: 87

Location: Venezuela

Member since Thu, Jul 15, 2021

3 Years ago

answered 8 Years ago keric · Accepted Answer

According to CSS - Overflow: Scroll; - Always show vertical scroll bar?: OSx Lion hides scrollbars while not in use to make it seem more slick, but at the same time the issue you addressed comes up: people sometimes cannot see whether a div has a scroll feature or not.

CSS fix:

::-webkit-scrollbar {

    -webkit-appearance: none;

    width: 7px;

}

::-webkit-scrollbar-thumb {

    border-radius: 4px;

    background-color: rgba(0,0,0,.5);

    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);

}