CODEWITHSUNDEEP
javascriptjqueryhtmlcssgoogle-chrome
Graham Cairns
Graham Cairns

Reputation: 961

Overflow-y: Scroll not showing scrollbar in Chrome

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);
}

Upvotes: 41

Views: 63626

Answers (5)

Ajay Gupta
Ajay Gupta

Reputation: 2957

I am using Windows 8 and Google Chrome version is 48.0.2564.97. And its working perfect. See in image highlighted area.

enter image description here

Upvotes: 1

Graham Cairns
Graham Cairns

Reputation: 961

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);
}

Upvotes: 55

Timo
Timo

Reputation: 738

Add this to your css

.list::-webkit-scrollbar {
    -webkit-appearance: scrollbartrack-vertical;
}

or

.list::-webkit-scrollbar {
   -webkit-appearance: scrollbarthumb-vertical;
}

Upvotes: 2

naman
naman

Reputation: 52

I am using Crome Version 48.0.2564.97 m

And it is working just fine.. Change it to overflow-y:auto in case if there are not enough items it will not show scroll.

enter image description here

Upvotes: 0

Timo
Timo

Reputation: 738

I am seeing scroll bar well. If you are using Mac, you may want to make sure that scrollbars are always shown

System preferences >> general

Upvotes: 12

Related Questions