2013-12-10 40 views
11

我正在使用Bootstrap 3手风琴。 在阅读了关于如何在内容上有独立行为的大量帖子之后,我并没有只保留一个默认的活动状态,我使用数据目标和id如果内容而不是默认数据父母的手风琴id 。 独立崩溃工作正常,但现在崩溃它滚动到可折叠项目的顶部。 如何禁用此滚动行为,同时保持可折叠的依赖性?折叠时自举手风琴滚动行为

回答

25

我想我知道是什么导致了滚动问题。 如果您是基于getbootstrap.com所示的例子,那么你可能使用锚

<a data-toggle="collapse" data-content="#your-content" href="#your-content">...</a> 

,而不是锚可以使用跨

<span data-toggle="collapse" data-content="#your-content">...<span> 

在锚的href是造成滚动。 我希望帮助

+0

这正是我一直在寻找。锚点正在搞乱页面滚动行为。非常感谢你! –

1

只需添加class="your-header-class"a header元素:

<a class="your-header-class" data-toggle="collapse" data-content="#your-content" href="#your-content">...</a> 

再补充一点:

$('.your-header-class').click(function(e) { 
    e.preventDefault(); 
})