J'ai fait quelque chose comme ça pour masquer initialement la barre de défilement du corps, puis le montrer lorsqu'un lien est cliqué sur: au début, il masque la barre de défilement et montre simplement une barre de défilement pour La superposition (absolument positionnée div (#wrapper)) mais lorsque je clique sur le lien (#site) pour afficher à nouveau la barre de défilement (et supprimez la superposition), il affiche maintenant deux barres de défilement: l'une fonctionne, l'autre est désactivée. < / p> Qu'est-ce qui a mal tourné? < / p> html:
CSS:
7 Réponses :
Utiliser Overflow-X et Overflow-y pour gérer les barres de défilement horizontale et verticale. Il suffit de définir Overflow-x: aucun; pour arrêter de montrer une barre horizontale.
par deux barres de défilement voulez-vous dire une barre de défilement verticale et horizontale? Si c'est le cas, utilisez le débordement: auto au lieu de faire défiler
Ceci ne montrera efficacement que la barre de défilement en cas de besoin (si la teneur horizontale est plus large que la largeur ou la teneur verticale est plus grande que la hauteur)
Désolé, je veux dire 2 barres de défilement verticales. J'ai déjà édité mon titre.
a trouvé une solution à mon problème. Je dois juste ajouter:
Utilisé cela dans CSS: HTML {Overflow-X: Hidden! Important; }
Merci, il s'avère que j'ai eu deux propriétés de débordement définies et qui causaient mon problème. Votre solution m'a fait regarder.
Vous pouvez également utiliser ceci, dans le cas où quelque chose d'un thème ou d'un style provoque la deuxième barre
Dans mon cas, j'ai essayé qui retirait la barre latérale, mais je n'ai pas pu faire défiler jusqu'au pied de page. J'ai utilisé: < PRE> XXX qui fonctionne parfaitement, ne montre qu'une barre de défilement verticalement et elle est défilable à tout le contenu en bas
Cela a résolu le problème pour moi:
Ajoutez ces lignes à votre style.css Code:
Je ne suis pas sûr de tout ce que vous essayez de faire si cela semble être un itinéraire plus facile à cacher et à montrer le défilement. Veuillez vous fournir le HTML et le CSS. ou le mettre dans jsfiddle.net
J'ai posté maintenant le HTML et le CSS. Bascialement, j'essaie d'avoir un masque sur notre page existante. Ce masque contient une promotion de quelque sorte qu'ils verront d'abord quand ils atterrissent sur la page. Ils peuvent cliquer sur un lien dans ce masque pour afficher la page réelle si elles ne sont pas intéressées par la promotion. Je ne veux pas montrer les barres de défilement au début car ils verront la page réelle si elles font défiler la hauteur de cette couche de masque.