Collant

comme un en-tête, une barre d'outils FlexLayoutContainer s'il doit être fixe lui-même stickyModevous pouvez utiliser. Lors de l'utilisation, des styles en ligne liés au sticky seront appliqués au conteneur et au panneau de redimensionnement.

L'en-tête supérieur de ce site est configuré de cette manière. Si le conteneur doit être sticky, appliquez cette méthode.

FlexLayoutStickyBoxn'est pas un composant qui rend le conteneur sticky, mais applique à l'intérieur du contenu dans la limite du parent. transformerpour donner l'apparence d'un sticky. Par conséquent, dans certains cas, cela peut fonctionner différemment de ce qui est attendu. Vérifiez si cela correspond à un cas d'utilisation approprié.

La barre latérale gauche de ce site utilise FlexLayoutStickyBox. La barre latérale est plus courte que le corps, et est placée comme un conteneur frère à l'intérieur. FlexLayout Dans cette structure, il est difficile pour le CSS sticky classique de se fixer à l'endroit attendu.

Dans ce cas, au lieu de changer toute la structure HTML pour ajuster le sticky, il suffit d'envelopper uniquement la zone qui doit suivre à l'intérieur de la barre latérale. FlexLayoutStickyBox.

Si les options sticky fournies ne suffisent pas, useDecompositionLayoutvous pouvez récupérer le conteneur et appliquer le style directement.

Cependant, si vous modifiez uniquement le conteneur, le panneau de redimensionnement et la position peuvent être décalés. Si vous devez déplacer le panneau de redimensionnement selon le même critère, vous devez également ajuster les éléments concernés.