Bootstrap在加载时折叠固定div跳跃

时间:2015-12-23 19:12:20

标签: jquery css twitter-bootstrap

我有一个由链接触发的折叠div。我不希望折叠的div显示在下面,而是在页面顶部。我给了div位置:固定。当我触发折叠的div时,它首先在默认位置打开(就在我的触发按钮下方),然后跳到我喜欢它的顶部。这种情况瞬间发生,但它仍然困扰我,因为它并不顺畅。如何过渡更顺畅?

<a role="button" data-toggle="collapse" href="#refine">Trigger</a>
<div class="collapse" id="refine" style="position:fixed; top:100px; z-index:10000;">...</div>

1 个答案:

答案 0 :(得分:0)

处理崩溃的javascript会添加&#34; position:relative&#34;对元素进行动画处理。你可以试着让它变得重要&#34;在css中,像这样:

position:fixed !important;