2012-01-20 2 views
14

Есть ли способ заставить вертикальную полосу прокрутки показать на Сафари-лев. Он отображается только в том случае, если вы нажмете крайний правый край страницы. У меня есть элемент, где у меня есть overflow-y: auto, но в Safari он не отображается, пока вы не нажмете край элемента.сила scrollbar на Safari

+0

это 'overflow-y: scroll' – Joseph

+0

Я имею в виду Safari, а не другие браузеры. Я пробовал это, но Safari в Lion скрывает полосы прокрутки, пока вы не нажмете правую часть элемента. – Chapsterj

ответ

0

Применение переполнения-y к элементу html. html { overflow-y:scroll; }

+1

Я пробовал, но это не сработало для Safari. Это работает для всех других браслеров, но Safari в Lion скрывает полосу прокрутки, пока вы не нажмете на правый край элемента. – Chapsterj

38

Ok нашел в Интернете на этом сайте http://css-tricks.com/custom-scrollbars-in-webkit/ Это позволит показать в Safari Lion

::-webkit-scrollbar { 
    -webkit-appearance: none; 
    width: 8px; 
} 

    ::-webkit-scrollbar-track { 
    background-color: rgba(57,57,57, .6); 
    border-radius: 8px; 
} 
::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    background-color: rgba(156, 156, 156, .6); 
} 

Очевидно, что вам нужно будет изменить свойства номера, что вы хотите. Опять же это для Safari как overflow-y: свиток не заставляет его показывать.

+1

вот демо с js сниффером, если вам нужна эта опция: http://jsfiddle.net/NzUTt/3/ – albert

+0

круто спасибо, это полезно – Chapsterj

+9

Это потрясающе. Вы должны принять свой собственный ответ. Другие читатели, заметьте: вставив стандартный селектор css перед ':: - webkit ...', вы можете присвоить эти свойства любому отдельному элементу. – XML