Question

我想将“停止”设置为我的附加元素。

示例将在http://9gag.com/上投票，它会滚动到其父容器。

我正在使用词缀，我找到了“data-offset-bottom”属性（没有太多记录）

<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;
}

首先，我不知道这应该如何运作，如何计算data-offset-bottom值。

我只有一个词缀，我希望它能粘在它的容器中（#news）

之后，其他行至少有1000px的空间。

另外有趣的是，对于data-offset-bottom="800，当它变为词缀底部时，元素会被添加"top:-998.765625px"，此属性会因不同的data-offset-bottom值而变化

Answer 1

另请参阅：Bootstrap 3.0 : Fixed column

.affix-bottom是页面底部的像素数。您粘贴的元素的底部将滚动到此位置。因为粘贴底部的位置设置为绝对，粘贴容器的顶部将为负（此容器的高度）。

在你的css中，你不必设置词缀底部的top和bottom或将位置设置为绝对。

Bootstrap3 Affix中的data-offset-bottom

1 个答案: