如何在有限区域贴上侧边栏?

时间:2016-05-31 07:31:58

标签: javascript jquery html css twitter-bootstrap

您好我正在使用我的侧边栏的bootstrap词缀类。我喜欢限制数据偏移值。因为在底部我有一个全宽的内容,所以侧栏与该部分重叠。我喜欢在此部分之前暂停侧栏并向上滚动它必须从该区域开始粘贴。 这是我的HTML和截图。 请帮我解决这个问题。 感谢。

.affix{
    position: fixed;
    top: 80px;
    left: 63.75%;
}
<div class="col-md-4 col-sm-4 col-xs-12 pull-right" data-spy="affix" data-offset-top="450">
Overlapping issue

1 个答案:

答案 0 :(得分:0)

我通过使用data-offset-bottom和simple css实现了这一点。这是我的工作代码。

&#13;
&#13;
.affix-bottom {
  position: fixed; /* Start scrolling again. */  
  left: 63.75%;
}
&#13;
	<div class="col-md-4 col-sm-4 col-xs-12 pull-right" data-spy="affix" data-offset-top="450" data-offset-bottom="570">
&#13;
&#13;
&#13;