我有<article>
标签,其中包含大量文本,通常在旁边显示 jquery NiceScroll,但如果它包含可以更改 <article>
高度的元素(某些可折叠元素) tag 和 NiceScroll 不想重新加载。
我的代码:
<article class="item">
<div class="reference">some text</div>
<a href="#long-2" data-toggle="collapse" class="reference-long arr_down"></a>
<div id="long-2" class="collapse">some text</div>
</div>
如果我点击a
,article
变得更大,但我需要重新加载漂亮的滚动,当折叠的项目再次关闭时,我需要做同样的事情。
jquery,它有时可以工作,但在 Safari 浏览器中不起作用:
$(document).ready(
function() {
$("article").niceScroll({cursorcolor:"#fff",autohidemode:false, zindex: 999});
}
);
$(function() {
$('.reference-long').click(function(){
$("article").getNiceScroll().remove();
$("article").niceScroll({cursorcolor:"#fff",autohidemode:false, zindex: 999});
});
});
最佳答案
使用resize()
函数而不是remove()
$("article").getNiceScroll().resize();
关于jquery - NiceScroll,当div改变大小时需要自动调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28726314/