2012-01-20 15 views
14

C'è un modo per forzare la barra di scorrimento verticale a mostrare su Safari Lion. Mostra solo se si fa clic all'estrema destra di una pagina. Ho un elemento in cui ho overflow-y: auto ma in Safari non viene mostrato fino a quando non si fa clic sul bordo dell'elemento.force scroll su Safari

+0

è 'overflow-y: scroll' – Joseph

+0

Mi riferisco a Safari non ad altri browser. Ho provato questo, ma Safari in Lion nasconde le barre di scorrimento fino a quando non fai clic sul lato destro dell'elemento. – Chapsterj

risposta

0

Applicare l'overflow-y all'elemento html. html { overflow-y:scroll; }

+1

L'ho provato ma non ha funzionato con Safari. Questo funziona per tutti gli altri brasieri ma Safari in Lion nasconde la barra di scorrimento finché non fai clic sul bordo destro di un elemento. – Chapsterj

38

Ok pensa che questa linea nel sito http://css-tricks.com/custom-scrollbars-in-webkit/ In questo modo sarà visualizzato in 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); 
} 

Ovviamente è necessario modificare le proprietà internet a ciò che si desidera. Ancora questo è per Safari come overflow-y: scroll non lo forza a mostrare.

+1

ecco una demo con uno sniffer js se hai bisogno di questa opzione: http://jsfiddle.net/NzUTt/3/ – albert

+0

cool grazie questo è utile – Chapsterj

+9

Questo è fantastico. Dovresti accettare la tua risposta. Altri lettori, nota: inserendo un selettore css standard prima di ':: - webkit ...', puoi assegnare queste proprietà a ogni singolo elemento. – XML