CSS-débordement: défiler; - toujours afficher la barre de défilement verticale?
Donc, actuellement, j'ai:
#div {
position: relative;
height: 510px;
overflow-y: scroll;
}
Cependant, je ne pense pas qu'il sera évident pour certains utilisateurs qu'il y a plus de contenu. Ils pourraient faire défiler la page sans savoir que mon div contient en fait beaucoup plus de contenu. J'utilise la hauteur 510px de sorte qu'il découpe du texte de sorte que sur certaines pages il semble qu'il y ait plus de contenu, mais cela ne fonctionne pas pour tous.
j'utilise un Mac, et en Chrome et Safari la barre de défilement verticale ne s'affiche que lorsque la souris est au-dessus du Div et que vous faites défiler activement. Est-il un moyen de l'avoir toujours de l'affichage?
4 réponses
vient de rencontrer ce problème moi-même. OSx Lion cache des barres de défilement alors qu'il n'est pas utilisé pour le faire paraître plus "lisse", mais en même temps la question que vous avez abordée surgit: les gens ne peuvent parfois pas voir si un div a une fonction de défilement ou non.
le correctif: dans votre css inclure -
@media(device-width: 768px) and (device-height: 1024px){
::-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);
}
}
personnaliser l'apparence au besoin. Source
s'il vous Plaît note sur Safari iPad, NoviceCoding la solution ne fonctionnera pas si vous avez webkit-overflow-scrolling: touch;
quelque part dans votre CSS.
La solution est soit de supprimer tous les cas de -webkit-overflow-scrolling: touch;
ou de mettre -webkit-overflow-scrolling: auto;
avec
La solution de NoviceCoding.
cela fonctionnera avec iPad sur Safari sur iOS 7.1.x d'après mes tests, Je ne suis pas sûr pour iOS 6 cependant. Cependant, il ne fonctionnera pas sur Firefox. Il existe un plugin jQuery qui vise à être compatible avec les navigateurs croisés appelé jScrollPane .
aussi, il y a un post Double ici sur le débordement de pile qui a quelques autres détails.
ainsi, les barres de défilement s'afficheront toujours lorsqu'il y a du contenu dans windows qui doit être défilé pour être accessible, il s'applique à toutes les fenêtres et à toutes les applications sur le Mac:
les préférences du système de lancement du menu Apple de la société Cliquez sur le panneau "Paramètres généraux" Cherchez "afficher les barres de défilement’ et sélectionnez la boîte radiobox à côté de" Always" Fermer le système Préférences une fois terminé