jQuery Scrollbar 插件，仅在溢出时显示栏并提供功能答案

【问题标题】：jQuery Scrollbar Plugin that shows bar and offers function only if there is an overflowjQuery Scrollbar 插件，仅在溢出时显示栏并提供功能
【发布时间】：2011-06-03 16:37:07
【问题描述】：

我正在寻找一个小的 jQuery 插件，它在一个带有溢出的框旁边显示一个滚动条，如下所示：

http://baijs.nl/tinyscrollbar/ （第一个例子）

问题：只有在真正溢出时才会显示滚动条。如果内容适合父级，则不应显示滚动条。 jQuery Mousewheel 插件也应该被支持。

有人知道有这个功能的jQuery Scroll Plugin吗？

【问题讨论】：

你知道链接插件总是显示滚动条，即使内容不大于高度吗？
我假设您想要风格化的滚动条，而不是您指定溢出时浏览器提供的默认滚动条：自动，对吧？
@marcus 是的，我认为这就是他想要解决的问题。
@Marcus 是的，我知道。就是这样，我想避免的。仅当有要滚动的内容时，才应显示scrollbra @ehudokai：是的
也许我应该这样说......“你测试过它以确保它不会做你想要的”。不过不管怎样，这个快速的 google 透露了一个top 10 list。

标签： jquery

【解决方案1】：

您可以使用您指定的插件。只需在它周围添加一个检查，如下所示

if($("#yourContent").height() > $("#yourViewport").height()){
    $("#scrollbar1").tinyscrollbar();
}

只有在需要时才会开启。

希望有帮助！

【讨论】：

是的。这很有帮助。非常感谢！