Jquery 当我点击切换按钮时,新内容不会影响jaqury滚动条

Jquery 当我点击切换按钮时,新内容不会影响jaqury滚动条,jquery,html,scrollbar,toggle,Jquery,Html,Scrollbar,Toggle,如果你看下面的网站 然后单击问题栏中的一个,它将显示答案 但蓝色滚动条保持不变 已为此使用jquery代码 $(窗口)。加载(函数(){ $(“.genworth”).customScrollbar(); }); $('#toggle1')。单击(函数(){ $('.toggle1').slideToggle('fast'); 返回false; }); $('#toggle2')。单击(函数(){ $('.toggle2').slideToggle('fast'); 返回false; })

如果你看下面的网站

然后单击问题栏中的一个,它将显示答案 但蓝色滚动条保持不变

已为此使用jquery代码



$(窗口)。加载(函数(){
$(“.genworth”).customScrollbar();
});
$('#toggle1')。单击(函数(){
$('.toggle1').slideToggle('fast');
返回false;
});
$('#toggle2')。单击(函数(){
$('.toggle2').slideToggle('fast');
返回false;
});
$('#toggle3')。单击(函数(){
$('.toggle3')。滑动切换('fast');
返回false;
});
$('#toggle4')。单击(函数(){
$('.toggle4')。滑动切换('fast');
返回false;
});
$('#toggle5')。单击(函数(){
$('.toggle5')。滑动切换('fast');
返回false;
});
$('#toggle6')。单击(函数(){
$('.toggle6').slideToggle('fast');
返回false;
});
$('#toggle7')。单击(函数(){
$('.toggle7').slideToggle('fast');
返回false;
});
$('#toggle8')。单击(函数(){
$('.toggle8').slideToggle('fast');
返回false;
});
$('#toggle9')。单击(函数(){
$('.toggle9').slideToggle('fast');
返回false;
});
$('#toggle10')。单击(函数(){
$('.toggle10').slideToggle('fast');
返回false;
});

任何人都知道如何解决这个问题。首先,我会简化jQuery,使其更易于阅读,并且更加简短。像这样:

$("a[id^='toggle']").click(function(){
    var toShow = $(this).attr('id');
    $('.'+ toShow).slideToggle('fast');
    return false;
});
另外,如果你阅读了文档,你的插件会有函数resize()来解决你的问题。在这里检查


尝试添加自定义滚动条(“调整大小”,true)

你能摆好小提琴吗?
$("a[id^='toggle']").click(function(){
    var toShow = $(this).attr('id');
    $('.'+ toShow).slideToggle('fast');
    return false;
});