当div具有参数隐藏时，jQuery自定义内容滚动器不显示答案

【问题标题】：jQuery custom content scroller not display when div have parameter hide当div具有参数隐藏时，jQuery自定义内容滚动器不显示
【发布时间】：2012-12-03 09:12:44
【问题描述】：

我在div 内的网站上有jQuery 自定义内容滚动条。 div 内容具有参数("#content").hide()。 div 在页面加载时可见，并且 jQuery 自定义内容滚动器运行良好。

但是如果页面加载时div 内容不可见，则jQuery 自定义内容滚动条不可见且不起作用。我注意到当您缩小或放大窗口时，会显示滚动条。我在这个 URL 上有一个小例子：http://www.frantatoulen.wz.cz/

问题可能出在哪里？

【问题讨论】：

标签： jquery hidden mcustomscrollbar

【解决方案1】：

问题是当#content被隐藏时，插件脚本无法计算内容长度（隐藏元素的维度为零）。因此，脚本假定内容不需要滚动条。

解决方案 A：

您需要在您的内容切换并变得可见后调用插件的 update 方法（插件主页有关于使用方法和参数的信息和示例）。在您的点击函数中，在末尾添加以下内容：

$("#tlacitko").click(function(){
    $("#content").toggle();
    $("#content").mCustomScrollbar("update");
});

注意：当您调整浏览器大小时，滚动条会起作用，因为它会在窗口调整大小事件时自动调用更新方法。

解决方案 B：

您可以简单地将 updateOnContentResize 选项参数设置为 true。每次内容长度发生变化时，它都会自动调用 update 方法：

$("#content").mCustomScrollbar({
    advanced:{
        updateOnContentResize:true
    }
});

【讨论】：

$("#content").mCustomScrollbar("update");拯救了我的一天，谢谢