CODEWITHSUNDEEP
browsercross-browserscrollscrollbaroverflow
dcolumbus
dcolumbus

Reputation: 9722

Always Show Overflow ScrollBar

I've noticed that in some situations, in some browsers, my horizontal overflow scrollbar doesn't show up until you START scrolling. That's not good ... users need to know that there is content beyond what's currently being shown.

Is there a way to make sure that the scrollbar is always shown?

I've seen this issue on Lion, on a MacBook, in Safari, Chrome.

Upvotes: 1

Views: 662

Answers (2)

dcolumbus
dcolumbus

Reputation: 9722

Well, there really isn't a way around this without creating your own scrollbar. So I opted to created a custom button navigation.

Upvotes: 0

user1337
user1337

Reputation: 847

Since you're using Lion, check System Preferences > General > Show scroll bars. This is an OS preference.

The three options are:

  1. Automatically based on input device
  2. When scrolling
  3. Always

This is a "feature" they're trying to carry over from the iOS. That said, you can try something like this:

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

http://www.hardcode.nl/subcategory_2/article_575-force-scrollbars-on-mac-os-lion-webkit.htm

Upvotes: 1

Related Questions