Question

在Bootstrap中我创建了两个带有词缀的列，以便在滚动和一个普通列时固定它。这是demo

到目前为止，这是我的代码：

<body data-spy="scroll" data-target="#myScrollspy">
<div class="container">
    <div class="row">
        <div class="col-md-3" id="myScrollspy">
            <div class="panel panel-default" data-spy="affix" data-offset-top="0">
                <div class="panel-body">Lorem ipsum</div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-body">
                    <p>Lorem ipsum </p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

如果您检查演示，只要向下滚动，粘贴的小列的宽度就会发生变化。那是为什么？

有什么想法解决它吗？谢谢

Answer 1

因为当小列碰到窗口顶部时，它的位置属性被设置为固定。如果元素被固定定位，则将其从页面的正常流程中取出。因此，它填充了所需的空间。当小列固定时，你必须设置它的宽度。

为什么在Bootstrap中滚动时词缀列的宽度会发生变化？

1 个答案: