CSS overflow-x caché et overflow-y visible
J'ai lu ce Post DONC: css overflow-x visible et overflow-y causes cachées de la barre de défilement.
Aussi je suis passé par: http://www.brunildo.org/test/Overflowxy2.html
Je veux arriver à quelque chose comme suit:
Quand j'ai essayé d'utiliser le code suivant:
overflow-x: hidden;
overflow-y: visible;
Il montre quelque chose comme résultat suivant:
Je ne veux pas la barre de défilement apparaît.
N'Jquery a aucune solution pour elle?
- Ha, que la dernière ligne a été d'or.
- Comme vous l'avez vu, la solution sera faite par CSS pas par jQuery. Si vous voulez laisser jQuery le faire pour vous, vous aurez toujours à comprendre les règles CSS pour définir le bon code. Autant que je sache, il n'existe pas de standard de la propriété en jQuery pour les résoudre.
- Je pensais que cette question a été assez clair.
- Sans les images? En essence, peut-être, mais le résultat souhaité est invisible pour moi.
Vous devez vous connecter pour publier un commentaire.
Vous pouvez le faire avec du CSS comme ceci:
HTML:
CSS:
Maintenant votre
.wrapper
div auraoverflow: visible;
mais votre.inner
div ne sera jamais de débordement, car il a une largeur maximum de 100% de l'enveloppe div. Notez que votre enveloppe doit avoir expressément une largeur définie.Ici est un travail jsFiddle
position: fixed
div sidebar et a ajoutéoverflow-y: scroll;
à la.wrapper
et j'ai pu défiler vers le haut et vers le bas dans le fixe div ET ontoverflow-x
parce que les info-bulles ont été de renverser le côté un peu.line-height
seuil (qui peut être dicté par la conception).Voir ce que vous essayez de réaliser n'est pas possible en css et
overflow
ne vous permettront pas d'atteindre cet objectif. Au lieu de cela, vous pouvez utiliser jquery pour obtenir le résultat que vous dépeint dans la posté image/image.Je ne suis pas sûr si vous avez besoin de quelque chose comme ceci:
où
.horiz
est la barre horizontale et de définir la largeur de la largeur de la.container
qui détient les éléments.Balisage HTML
CSS:
jQuery:
et de sortie de celui-ci:
Vérifiez la Sortie