Y a-t-il un moyen d'avoir une barre de défilement verticale de navigateur croisée avec une position absolue?
Mon problème est que la barre de défilement change la largeur de mon site Web lorsqu'elle apparaît en donnant des problèmes dans ma mise en page.
Je ne veux pas le supprimer, je veux juste faire sa largeur ne pas déranger ma mise en page.
Merci!
4 Réponses :
l'affiche toujours pour ne pas déranger votre mise en page. C'est ce que Google faire;)
Pour arrêter votre mise en page de la déménagement lorsque la barre de défilement apparaît, vous pouvez utiliser le CSS ci-dessous pour toujours rendre votre barre de défilement visible.
html{
overflow-y: scroll;
}
Cela ne devrait pas être la réponse acceptée. Il arrête sûrement la mise en page en mouvement, mais vous cassez une symétrie de rembourrage / marge CSS. Et si vous voulez dans le futur pour changer toutes les marges de votre application ou la largeur de votre barre de défilement?
Seulement dans Safari et Chrome (c'est-à-dire WebKit), vous pouvez également utiliser:
html{
overflow-y: overlay;
}
impressionnant! Je ne savais pas que cela existait
Puisque personne ne l'a mentionné, si vous souhaitez utiliser superposition code> quand il est disponible (par exemple, chrome et safari) em> et replier à défilement code> Quand ce n'est pas le cas, vous pouvez utiliser ce qui suit. html {
overflow-y: scroll;
overflow-y: overlay;
}