Barre de défilement CSS webkit afficher / masquer

Je suis aide -webkit-scrollbar et ce que je veux est la barre de défilement caché au chargement de la page, et il reste caché jusqu'à ce que vous passez la souris sur le conteneur div, il est attaché. Lorsque vous survolez une zone déroulante, il semblerait.

J'ai essayé d'ajouter :hover et :focus affecte de diverses divs et les règles dans mon CSS avec pas de chance.

Est-il un moyen de faire ce que je fais allusion à l'utilisation -webkit-scrollbar? Je pouvais poster le code, mais c'est assez simple. Juste un div extérieure avec les règles css attaché à elle, puis interne des div avec la hauteur et la largeur. Ensuite, les règles css -webkit-scrollbar.

#u #trail ::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
#u #trail ::-webkit-scrollbar-button:start:decrement,
#u #trail ::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
    background-color: transparent;
}
#u #trail ::-webkit-scrollbar-track-piece {
    background-color: #FAFAFA;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
}
#u #trail ::-webkit-scrollbar-thumb:vertical {
        height: 50px;
        background-color: #999;
        -webkit-border-radius: 8px;
}
#u #trail ::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #999;
    -webkit-border-radius: 8px;
}
#u #trail-overflow {
    width: 860px;
    max-height: 500px;
   overflow: auto;
}

source d'informationauteur jz3

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *