JavaScript Scrollbar插件识别原始元素上的操作

Question

我正在寻找一个jQuery插件，它可以为div添加自定义滚动条。我知道，有很多这样的插件，我现在尝试了大约10个，但没有成功，因为我需要一个具有一些非常特殊功能的插件，不知道是否有人知道附近的插件。

1. 插件不轮询其内容的更改(setInterval)或至少可以禁用它，这一点非常重要。

2. 当我知道它的内容已经更改时，必须可以告诉插件手动更新它

3. 最重要的是(这似乎是大多数插件所缺少的)：必须保留原始元素引用。

所以如果我这样做：

$("#myElement").coolScrollbarPlugin();
$("#myElement").append("<h1>New Content</h1>");
$("#myElement").coolScrollbarPlugin("update");

插件需要识别这一点。在最好的情况下，插件将我应用插件的jquery元素作为其内容窗格，以识别对该元素进行的任何操作。

我不能做的事：

$("#myElement").coolScrollbarPlugin();
$("#myElement").coolScrollbarPlugin("getConentElement").append("<h1>New Content</h1>");
$("#myElement").coolScrollbarPlugin("update");

这种限制是由于周围的应用程序框架会对我无法影响的可滚动元素进行操作。

• 你知道有符合所有这些标准的插件吗
• 关于如何实现这一点，还有其他想法吗

Answer 1

如果在应用滚动条之前按id获取可滚动元素或将元素分配给变量，则可以尝试jQuery scrollbar。所做的唯一更改-元素被包装到另一个具有相同类的元素中(为滚动条应用源元素的高度/宽度和设计的CSS样式)。

您可以使用选项autoUpdate:false禁用内容/容器大小检查，并调用init函数在更新后重新计算滚动条大小。