当我向下滚动

时间:2015-07-28 04:04:26

标签: css twitter-bootstrap

我的代码如下:

<div class="col-md-8"> ... </div>

<div class="col-md-4">
    <div id="side-panel" class="panel panel-default" data-spy="affix" data-offset-top="10">
        PANEL'S WIDTH SHRINKS WHEN I SCROLL DOWN :(
    </div>
</div>

我试图实现侧贴自举面板。但是当我向下滚动页面时,它按照我想要的方式贴在顶部,但它的宽度缩小到大约一半。

我也尝试了position: fixed;样式属性,但结果却收缩了相同。

这里有什么实际问题,是否有针对这种奇怪行为的解决方法?

1 个答案:

答案 0 :(得分:0)

您需要明确定义width的{​​{1}}或min-width,以防止&#34;缩小&#34;。属性side-panel正在完成您所做的工作 - 在面板上设置data-spy="affix"。当位置固定时,面板将“收缩”。低至内部任何内容的大小。