2013-12-10 77 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(); 
})