当我在我的浏览器(Chrome)中向下滚动时,右侧栏被推到最左边,我的侧边栏被推到了背景,并且所有右侧内容都覆盖了左侧侧边栏。
只有当我将affix属性应用于我的侧边栏div时才会发生这种情况。
如果您注意到,在正常情况下,页面会渲染没有问题,如下所示:
然而,当我向下滚动时,它看起来是这样的:
供您参考,这是我实现affix div的方式:
<div class="row content-wrapper">
<div data-spy="affix" data-offset-top="200" data-offset-bottom="200" id="myAffix">
<div class="col-lg-3">
<!-- Sidebar code -->
</div>
</div>
<div class="col-lg-9">
<!-- content -->
</div>
</div>
这里有一个 JSFiddle 的链接,可以让您实时查看问题:
这是一个JS Fiddle,您可以查看错误:
我该怎么修复它?