粘性和崩溃/扩展与div一起工作

Question

我有许多div可以在单击相邻div时折叠或展开（Bootstrap v3.2.0）。此外，这些div通过其内容是粘性的（Sticky-Kit - http://leafo.net/sticky-kit）。

相关网页在http://es.22web.org/sticky-collapse.html

当扩展所有div时，粘贴工作正常。但是，当我折叠一个div时，折叠的div的标题仍然坚持它之前扩展的高度。

Sticky-Kit网站上的文档说：

  

如果您通过删除动态更改页面的标记，   添加或调整元素大小，然后你很可能需要告诉Sticky   套件重新计算粘性元素以确保它们定位   正确。

因此，我已将代码$（document.body）.trigger（＆＃34; sticky_kit：recalc＆＃34;）添加到onclick事件中（以及确保触发onclick事件的警报）。但仍然粘性不起作用。

当div折叠并再次展开时，粘性似乎已经重置并且根本不会向下滚动。它现在被固定到div的折叠高度（实际上这应该在折叠时发生）。

无法同时获得粘性和折叠/展开功能。

我希望Section链接仅在其内容div扩展时才会停止。无法完成这项工作。

请帮忙。谢谢！

Answer 1

好的，在使用滚动和粘贴页面后，我发现在div折叠或展开之前已经调用了粘性元素重新计算功能。

所以，想到将onclick事件延迟1秒，到那时div将完成ecpanded或者崩溃。这就像魔术一样。

以下是我在onclick事件中添加的内容：

$(".myclass").click(function(){
setTimeout(function (){
$(document.body).trigger("sticky_kit:recalc");
}, 1000);
});
});

希望这可以帮助遇到类似问题的人。

感谢。