Bootstrap折叠面板 - 折叠后奇怪的移动

Question

我有一个由WordPress拥有的单页html引导程序模板，具有固定标题和几个具有平滑滚动效果的锚链接。在一个部分 - http://url.kybernaut.cz/1o下 - 我有崩溃的面板。在开放状态下，一切都很好。当我关闭它们时，它会“跳跃”一点，它会很奇怪。

请问比我先进的人能帮助我吗？我没有成功在bootplay中重现这个问题：（

Answer 1

它与您的href值有关。单击锚标记时，将其放在页面顶部。看起来bootstrap在第一次点击时覆盖了该功能，但由于某种原因没有崩溃。为了避免它将这些面板上的href值完全改为：

href="javascript:void(0);"

另一个解决方案是使用一个没有href的元素，如<span>。

<span data-toggle="collapse" data-content="#rf1" data-parent="#akref">...<span>

我最不喜欢的解决方案如下：

$('.panel a').on('shown.bs.collapse', function () {
    this.preventDefault();
});

它不能完美地工作，这就是为什么它不是我的最爱。如果单击“+”然后尝试使用标题折叠它将无法正常工作。反之亦然。