折叠时的引导手风琴滚动行为答案

【问题标题】：Bootstrap accordion scrolling behaviour on collapse折叠时的引导手风琴滚动行为
【发布时间】：2013-12-27 16:24:55
【问题描述】：

我正在使用 Bootstrap 3 手风琴。在阅读了大量关于如何在内容上具有独立行为的帖子之后，而不是默认情况下只保持一个活动，我使用 data-target 和 id 如果内容而不是默认的 data-手风琴 id 的父级。独立折叠工作正常，但现在折叠时它会滚动到可折叠项目的顶部。如何在保持可折叠独立性的同时禁用此滚动行为？

【问题讨论】：

标签： jquery css twitter-bootstrap-3

【解决方案1】：

我想我知道导致滚动问题的原因。如果你是基于getbootstrap.com中的例子，那么你可能会使用anchors

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

你可以使用 span 代替锚点

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

锚中的 href 导致滚动。希望对你有帮助

【讨论】：

这正是我想要的。锚点弄乱了页面滚动行为。非常感谢！

【解决方案2】：

只需将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();
})

【讨论】：

【解决方案3】：

就我而言，我使用的是button，只是将其更改为div。

【讨论】：