2012-01-20 16 views
14

Czy istnieje sposób na wymuszenie wyświetlania pionowego paska przewijania na Safari Lion. Wyświetla się tylko wtedy, gdy klikniesz z prawej strony strony. Mam element, w którym mam przepełnienie-y: auto, ale w Safari nie wyświetla się, dopóki nie klikniesz krawędzi elementu.force scrollbar w Safari

+0

to "overflow-y: scroll" – Joseph

+0

Mam na myśli Safari, a nie inne przeglądarki. Próbowałem tego, ale Safari w Lion ukrywa paski przewijania, dopóki nie klikniesz po prawej stronie elementu. – Chapsterj

Odpowiedz

0

Zastosuj przelew-y do elementu html. html { overflow-y:scroll; }

+1

Próbowałem, ale to nie działało dla Safari. Działa to dla wszystkich innych brasierów, ale Safari w Lion ukrywa pasek przewijania, dopóki nie klikniesz na prawą krawędź elementu. – Chapsterj

38

Ok uznał ten internet na tej stronie http://css-tricks.com/custom-scrollbars-in-webkit/ Pozwoli to pokazać się w Safari Lew

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

Oczywiście trzeba będzie zmienić właściwości do pakietu, co chcesz. Znowu to jest dla Safari jako przepełnienie-y: scroll nie wymusza na nim wyświetlenia.

+1

tutaj jest wersja demonstracyjna z js snifferem, jeśli potrzebujesz tej opcji: http://jsfiddle.net/NzUTt/3/ – albert

+0

fajne dzięki to jest pomocne – Chapsterj

+9

To jest niesamowite. Powinieneś zaakceptować własną odpowiedź. Inni czytelnicy, zauważ: wstawiając standardowy selektor css przed ':: - webkit ...', możesz przypisać te właściwości do dowolnego pojedynczego elementu. – XML