折疊時的 Bootstrap 手風琴滾動行為

Question

我正在使用 Bootstrap 3 手風琴。 在閱讀了許多關於如何對內容進行獨立行為的帖子后，而不是默認情況下只保持一個活動狀態，我使用data-target和 id 如果內容而不是手風琴 id 的默認data-parent 。 獨立折疊工作正常，但現在折疊它滾動到可折疊項目的頂部。 如何在保持可折疊的獨立性的同時禁用此滾動行為？

Answer 1

我想我知道是什么導致了滾動問題。 如果您基於getbootstrap.com 中顯示的示例，那么您可能會使用錨點

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

您可以使用跨度代替錨點

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

錨點中的 href 導致滾動。 我希望有幫助

Answer 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();
})

Answer 3

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