卷轴上的自举侧边字缀闪烁

我的目标是添加侧边栏，它开始很好地滚动，但当它靠近页脚时，它开始闪烁。我做错了什么？看来，引导未定，并保持在#sidebar卷轴上的自举侧边字缀闪烁

切换.affix-bottom JS

var $sidebar = jQuery('#sidebar'); 

jQuery($sidebar).affix({ 
    offset: { 
    top: $sidebar.offset().top, 
    bottom: function() { 
     return (this.bottom = jQuery('#footer').outerHeight(true)) 
    } 
    } 
})

CSS

.affix { 
    top: 0; 
} 

.affix-bottom { 
    position: absolute; 
    top: auto; 
    bottom: 20px; 
}

HTML

<div class="container"> 

    <div class="header"> 
     <!-- HEADER --> 
    </div> 

    <div class="row"> 
    <div class="content col-md-8"> 
     <!-- CONTENT --> 
    </div> 

    <div class="col-md-4"> 
     <div id="sidebar"> 
     <!-- AFFIXED --> 
     </div> 
    </div> 

    </div> 

    <div id="footer"> 
     <!-- FOOTER --> 
    </div> 

</div>

来源

2017-02-20 Ivan Topić

，如果你需要做的侧边栏粘你为什么不这样做只是这一点：codepen.io

这是你的代码：

<div class="col-md-4"> 
    <div id="sidebar"> 
    </div> 
</div>

，这是我的

<div id="sidebar" class="col-md-4"> 
    <div> 
    </div> 
</div>

来源

2017-08-08 14:57:05

你可以添加更多关于你对答案做了什么的信息吗？ – TehSphinX

我只是把id =“sidebar”放在class =“col-md-4”的div上，查看我编辑它的答案。 –

卷轴上的自举侧边字缀闪烁

回答

相关问题