Masquer débordement sur les éléments avec position fixe
Est-il un moyen de masquer le dépassement d'un fixe div avec un conteneur? J'ai pensé fixe à l'intérieur fixe le ferait, mais il semble que ce n'est pas le cas. La seule solution que je peux penser est "inversé" masques: fixe-autres divs de cacher le tout autour de l'un, mais ce serait mieux si il y a d'autres solutions.
Voici le violon: http://jsfiddle.net/pjFa6/1/
Retirez le fixe de l'intérieur de la div, et ajouter
La question ne vise que les divs avec position fixe.
Dans ce cas, la seule chose à laquelle je pense est le réglage de l'intérieur div en position absolue au lieu de fixe. jsfiddle.net/pjFa6/15. Vous ne pouvez pas imbriquer un élément fixe et l'ont contenues dans l'élément d'habillage pour autant que je peux dire. Vous devez masque, ce qui ne serait pas très agréable.
Merci, veuillez vous postez votre commentaire comme une réponse si je l'accepte
Étrangement c'est possible avec
position: relative;
. jsfiddle.net/pjFa6/12La question ne vise que les divs avec position fixe.
Dans ce cas, la seule chose à laquelle je pense est le réglage de l'intérieur div en position absolue au lieu de fixe. jsfiddle.net/pjFa6/15. Vous ne pouvez pas imbriquer un élément fixe et l'ont contenues dans l'élément d'habillage pour autant que je peux dire. Vous devez masque, ce qui ne serait pas très agréable.
Merci, veuillez vous postez votre commentaire comme une réponse si je l'accepte
Étrangement c'est possible avec
z-index
dans safari 6.1.4... :/OriginalL'auteur Yisela | 2012-08-13
Vous devez vous connecter pour publier un commentaire.
Malheureusement, il semble être impossible de nest un élément fixe à l'intérieur d'un autre élément (fixe ou non) et de s'attendre à l'extérieur de l'élément de l'envelopper et de masquer les éventuels débordements.
La seule chose que je peux penser à est de paramètre de l'intérieur de la div à
position:absolute
au lieu de fixe. Voici un exemple basé sur votre jsfiddle: jsfiddle.net/pjFa6/15 .position:fixed
. Il doit bien y avoir un moyen...il est réalisable, au lieu de cela.. regarde ici http://stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug
OriginalL'auteur Jeemusu
Dans certains navigateur mobile contextes, l'utilisation de
-webkit-overflow-scrolling: touch
peut réaliser un "coupée" à position fixe de l'élément. Voir: https://miketaylr.com/posts/2015/06/position-fixed-overflow-hidden.htmlOriginalL'auteur user2643307
avec un
z-index: any value;
déclaration dans le conteneur va faire dans certains navigateurs webkit, comme le chrome.OriginalL'auteur Fadeoc Khaos