les données de offset-bas dans Bootstrap3 Apposer
Je veux mettre "stop" de mes apposé élément.
Exemple serait vote sur http://9gag.com/, il défile jusqu'à ce que son conteneur parent.
Je suis à l'aide d'apposer pour cela et j'ai trouvé "data-offset-bas de la propriété" (qui n'est pas documentée beaucoup)
<div id="news" class="homepage-row row">
<div class="col-xs-3">
<div class="ssAffix" data-spy="affix" data-offset-top="400" data-offset-bottom="800">
123
</div>
</div>
<div class="col-xs-9">
<div id="homepage-gallery" class="product-gallery">
gallery here
</div>
</div>
</div>
body {
position:relative
}
.ssAffix {
height: 200px;
width: 200px;
}
.ssAffix.affix{
top:50px;
bottom:auto;
}
.ssAffix.affix-top{}
.ssAffix.affix-bottom{
position:absolute;
top:0;
bottom:800px;
}
tout d'abord, je ne sais pas comment cela devrait fonctionner, la façon de calculer data-offset-bottom
valeur.
Je n'ai qu'un affixe et je veux que ce bâton dans son conteneur (#nouvelles)
après cela, il y a au moins 1000px de l'espace pour d'autres lignes.
aussi il est intéressant de noter, pour data-offset-bottom="800
, quand il devient apposer-bas, élément ajouté "top:-998.765625px"
, cette propriété varie selon les différents data-offset-bottom
valeurs
OriginalL'auteur CBeTJlu4ok | 2013-09-07
Vous devez vous connecter pour publier un commentaire.
Voir aussi: Bootstrap 3.0 : colonne Fixe
la
.affix-bottom
est le nombre de pixels à partir du bas de votre page. Le bas de l'élément que vous apposer défiler jusqu'à cette position. Cause la position d'absolue à apposer en bas le haut de votre apposé sur le conteneur négatif (la hauteur de ce conteneur).Dans votre css, vous n'avez pas à mettre
top
etbottom
d'apposer en bas ou de définir la position à l'absolu.OriginalL'auteur Bass Jobsen