我正在尝试通过 twitter bootstrap 使用 affix 插件,但我不知道如何将其限制在父容器中,我创建了以下示例来显示我的问题:
问题演示: http: //www.codeply.com/go/DvcRXkeFZa
<div class="container">
<div class="row">
<div class="col-md-3 column">
<ul id="sidebar" class="well nav nav-stacked" data-spy="affix" data-offset-top="130">
<li><a href="#software"><b>Software</b></a></li>
<li><a href="#features">Features</a></li>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#costs">Costs</a></li>
</ul>
</div>
<div class="col-md-9 column">
<h1>Blah, blah, blah</h1>
<hr>
<a class="anchor3" id="top" name="software"></a>
<p>
content here that scrolls...
</p>
</div>
</div>
</div>
正如您所看到的,当您滚动它时它会溢出侧边栏,当它到达底部时它也不会贴在页面底部。