twitter-bootstrap – Bootstrap：到达某个div的末尾时停止词缀

发布时间：2020-12-18 00:05:23 所属栏目：安全来源：网络整理

导读：滚动时我有一个侧边栏.现在我希望它在到达某个div时停止(并修复). 为了说明. 发生了什么： http://postimg.org/image/l1n0djb0n/ 我想要的是： http://postimg.org/image/5evr05x8n/ 到达最后一个内容的底部时,我需要停止浮动(滚动). 我怎样才能做到这一点？

滚动时我有一个侧边栏.现在我希望它在到达某个div时停止(并修复).

为了说明.
发生了什么：
http://postimg.org/image/l1n0djb0n/

我想要的是：
http://postimg.org/image/5evr05x8n/

到达最后一个内容的底部时,我需要停止浮动(滚动).

我怎样才能做到这一点？

CSS：

#sidebar.affix-top {
position: static;
margin-top:0px; 
}

#sidebar.affix {
position: fixed;
top:49px;
}

HTML：

<div id="sidebar" class="sidebar_package">
 info for sidebar

 <div class="hiddenpackage_c2a">
     more content
 </div>

 </div>

JS：

//Side menu floater
$('#sidebar').affix({
      offset: {
        //top: $('header').height()
        top:185
      }
});

解决方法

您可以使用底部偏移

$('#sidebar').affix({
    offset: {
       top: 180,bottom: $('#bottom-div').outerHeight(true)
   }
});

并添加以下css

.affix-bottom { 
    position: absolute; 
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!