无法更新jQuery McCustomScrollBar

无法更新jQuery McCustomScrollBar,jquery,asp.net,jquery-ui,gridview,scrollbar,Jquery,Asp.net,Jquery Ui,Gridview,Scrollbar,我正在使用来自的自定义滚动条 我在一个包含gridview的div上使用它。当一个新行添加到Gridview中,并且它超过了该大小时,滚动条将不会显示 我还有一个问题,里面有一个div,我用一个按钮来切换这个div的显示 我无法更新滚动条 (function($) { $(window).load(function() { $("#rightFixed").mCustomScrollbar({ scrollInertia: 150, autoHideScrollbar: true, updat

我正在使用来自的自定义滚动条

我在一个包含gridview的div上使用它。当一个新行添加到Gridview中,并且它超过了该大小时,滚动条将不会显示

我还有一个问题,里面有一个div,我用一个按钮来切换这个div的显示

我无法更新滚动条

(function($) {
$(window).load(function() {
 $("#rightFixed").mCustomScrollbar({
scrollInertia: 150,
autoHideScrollbar: true,
updateOnBrowserResize: true,
updateOnContentResize: true,
theme: "dark-2"
 });
});
})(jQuery);

$(function () {
$("#showTax").click(function () {
$("#cartTaxDiv").slideToggle();
$(this).text($(this).text() == 'Show Tax' ? 'Hide Tax' : 'Show Tax');
$('#rightFixed').mCustomScrollbar("update");
});
});
滚动条初始化事件的一件事是在
$(窗口)中。加载
,然后单击按钮是在
$(文档)中。就绪


你能帮我吗?

我已经想出了解决办法

对于slideToggle,我们所要做的就是将更新放在一个函数中,并在切换中调用它。ie在切换完成时调用该函数

function updateScrollbar() {
    $('#rightFixed').mCustomScrollbar("update");
}

$("#showTax").click(function () {
    $("#cartTaxDiv").slideToggle(updateScrollbar); // Call the update Scrollbar after the sliding is done.
    $(this).text($(this).text() == 'Show Tax' ? 'Hide Tax' : 'Show Tax');
})
这样,切换问题就解决了

接下来是第二个问题——GridView。当GrodView被更新时,滚动条必须被更新。因此,我们必须在每次回发时调用这个函数。我没有在这里使用更新面板,所以如果在pageload中回发,我将调用此函数

if (IsPostBack)
{ Page.ClientScript.RegisterStartupScript(this.GetType(), "myscript", "updateScrollbar();", true); }

问题就这样解决了。

谢谢分享。很多人没有意识到分享自己的解决方案的重要性和帮助性+1同样,对我来说,它作为
$(“#mydiv”).slideToggle(500,updateScrollbar)工作得更好