Menu
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);
}
462
To fix the issue: Open a Chrome window. In the address bar, enter "chrome://flags," and navigate to that page. Scroll down to Overlay Scrollbars, and set the field to "Disabled."
If the vertical scroll bar disappears completely in Word, check File / Options / Advanced. Make sure the box is checked to Show vertical scroll bar. If you want to work around the disappearing Word scroll bar, click on View / Draft.
Use overflow: auto . Scrollbars will only appear when needed. (Sidenote, you can also specify for only the x, or y scrollbar: overflow-x: auto and overflow-y: auto ).
To only show the vertical scrollbar, or only the horizontal scrollbar, use overflow-yor overflow-x: Example body { overflow-y: scroll; /* Show vertical scrollbar */
For users who can’t see the scroll bar in Google Chrome, follow the steps given below Type chrome://extensions/ in the address bar and press Enter This should show you a page with all the extensions on your Google Chrome.
How To Force / Always Show Scrollbars Add overflow: scroll;to show both the horizontal and vertical scrollbar: Example body { overflow: scroll; /* Show scrollbars */ Try it Yourself » To only show the vertical scrollbar, or only the horizontal scrollbar, use overflow-yor overflow-x:
If so, disable them manually by pressing Ctrl+Shift+N on your keyboard to open a new private window. Now, open the same site and see if the scroll bar is visible. If yes, one of the extensions is messing with the code. You will have to disable each extension one by one to find the culprit.
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);
}
I am seeing scroll bar well. If you are using Mac, you may want to make sure that scrollbars are always shown
42
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
