Jquery: calcule automatiquement la largeur div pour empêcher le défilement horizontal

Question

Dispose d'une disposition «liquide» dont la largeur est fixe pour le côté gauche et «élastique» pour le côté droit. Pour certaines raisons, ne peut pas modifier le balisage de la mise en page.

Le problème est:

Parfois, le côté droit est très large (en fonction du contenu à l'intérieur) et le défilement horizontal apparaît.

Y at-il une possibilité de contrôler la largeur maximale du côté droit pour empêcher le défilement horizontal? Dites-vous que j'ai défini les valeurs autorisées min et max et que Jquery décide comment l'utiliser?

Merci!

Answer 1

Que diriez-vous cacher la barre de défilement avec CSS:

overflow-x:hidden; 

Vous devez appliquer cette CSS à votre barre latérale droite après quoi il ne sera pas affiché la barre de défilement horizontale.

Notez que vous pouvez utiliser la méthode width() de jQuery pour obtenir la largeur calculée pour un élément, par exemple:

alert($('#sidebar-right-id').width());