274 votes

Vérifier si le contenu d’un élément's déborde ?

Quel est le moyen le plus simple de détecter si un élément a été débordé ?

Mon cas d’utilisation est, je veux limiter une certaine boîte de contenu pour avoir une hauteur de 300px. Si le contenu interne est plus grand que cela, je le coupe avec un débordement. Mais s’il est débordé, je veux afficher un bouton « plus », mais sinon je ne veux pas afficher ce bouton.

Existe-t-il un moyen facile de détecter le débordement ou existe-t-il une meilleure méthode?

5voto

Andrew Peacock Points 4352

Est-ce que quelque chose comme ça: http://jsfiddle.net/Skooljester/jWRRA/1/ travail? Il vérifie simplement la hauteur du contenu et le compare à la hauteur du conteneur. S’il est supérieur à ce que vous pouvez mettre dans le code pour ajouter un bouton « Afficher plus ».

Mise à jour : Ajout du code pour créer un bouton « Afficher plus » en haut du conteneur.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X