Taille CSS définie de façon dynamique

Question

Donc, j'inspecte ce site: http://www.grittirollo.it/ et il semble que le contenu qui glisse a une hauteur fixe. N'y a-t-il aucun moyen de définir ceci dynamiquement?

Answer 1

Il semble que le développeur a mesuré la hauteur de chaque partie du modèle de boîte des curseurs lors du rendu, puis l'a multiplié par le nombre de lignes qu'il y avait. À partir de là, il/elle a mis manuellement dans le CSS.

Answer 2

Les éléments d'une page Web peuvent généralement être mesurés avec leur propriété JavaScript scrollHeight (element.scrollHeight), mais certains navigateurs ne l'ont pas et certains navigateurs le font différemment des autres. (Je crois que Firefox doit être fait récursivement dans l'arborescence des éléments et Safari utilise simplement l'élément le plus externe.) devrait être possible sans définir manuellement la hauteur en utilisant JavaScript, il se peut que vous deviez le coder sous condition pour qu'il fonctionne avec tous les éléments. les navigateurs que vous voulez soutenir.

Answer 3

Je ne vois pas pourquoi il est nécessaire de le configurer dynamiquement. Si le contenu est float:left; et ils mettent un <div class="clear"> au bas d'une section masquable, vous seriez en mesure de voir le contenu de cette section quand il n'était pas caché avec JavaScript. Vous pouvez ensuite ajuster la disposition avec un remplissage et une marge pour la rendre jolie. Ou, ils auraient également pu utiliser position:relative; et position:absolute; pour mettre en page les sections masquables. Cela revient à la préférence.