在 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>
如果您查看演示，一旦向下滚动，带有词缀的小列的宽度就会发生变化。这是为什么？
有什么办法可以解决吗？ 谢谢
最佳答案
因为当小柱子到达窗口的顶部时，它的位置属性被设置为固定的。如果一个元素是固定定位的，它就会脱离页面的正常流动。因此，它会根据需要填充尽可能多的空间。 当它固定时，您必须设置小列的宽度。
关于jquery - 为什么在 Bootstrap 中滚动时词缀列的宽度会发生变化？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26856368/