javascript - 替换内容后隐藏 nicescroll

Question

我在我的应用程序中使用了不错的滚动。我给了喜欢：

<div id="page">
    <div id="grid1"></div>
    <div id="grid2" style="display:none;"></div>
</div>

我有一个按钮，在按钮单击事件中，我给出了喜欢，$("#grid1").hide();$("#grid2").show(); 我已经定义了 nicescroll，例如：

 $(".k-grid-content").niceScroll({ cursorwidth: "7px", cursorcolor: "#d7d7d7" });

按钮单击事件后，内容正在替换但仍处于悬停状态，正在显示两个 nicescrollers。一个用于先前的网格内容和当前的网格内容。任何人都可以告诉什么是问题？

Answer 1

Nicescroll 不知道内容替换，我猜内容替换后你需要调用resize这样的函数：

$(".k-grid-content").getNiceScroll().resize();

它应该刷新 nicescroll 为其内部需求捕获的边界。

Answer 2

我建议在您的应用程序中使用iscroll而不是 nicescroll。它将为您提供平滑的滚动以及易于实现的功能。