jquery - 当我单击切换按钮时，新内容不会影响 jaqury 滚动条

Question

如果您查看以下网站 http://w4b.com.au/toggle/

并单击其中一个问题栏，它将显示答案，但蓝色滚动条保持不变。

为此使用了 jquery 代码

---

<script src="javascript/jquery.custom-scrollbar.js"></script> 
    <script type="text/javascript">
        $(window).load(function () {
        $(".genworth").customScrollbar();

    });
</script> 



<!--JQUERY TOGGLE -->

<script type="text/javascript">
    $('#toggle1').click(function() {
        $('.toggle1').slideToggle('fast');

        return false;
    });
    $('#toggle2').click(function() {
        $('.toggle2').slideToggle('fast');

        return false;
    });
    $('#toggle3').click(function() {
        $('.toggle3').slideToggle('fast');

        return false;
    });
    $('#toggle4').click(function() {
        $('.toggle4').slideToggle('fast');

        return false;
    });
    $('#toggle5').click(function() {
        $('.toggle5').slideToggle('fast');

        return false;
    });
    $('#toggle6').click(function() {
        $('.toggle6').slideToggle('fast');

        return false;
    });
    $('#toggle7').click(function() {
        $('.toggle7').slideToggle('fast');

        return false;
    });
    $('#toggle8').click(function() {
        $('.toggle8').slideToggle('fast');

        return false;
    });
    $('#toggle9').click(function() {
        $('.toggle9').slideToggle('fast');

        return false;
    });
    $('#toggle10').click(function() {
        $('.toggle10').slideToggle('fast');

        return false;
    });

</script>

<!--JQUERY TOGGLE END-->

---

任何人都知道如何解决这个问题。提前致谢

Answer 1

首先（对不起offtop），我会简化你的jQuery，使它更容易阅读和更短。像这样：

$("a[id^='toggle']").click(function(){
    var toShow = $(this).attr('id');
    $('.'+ toShow).slideToggle('fast');
    return false;
});

此外，如果您阅读文档，您的插件具有功能 resize() 可以解决您的问题。在这里查看https://github.com/mzubala/jquery-custom-scrollbar#resizekeepposition

尝试添加 customScrollbar("resize", true);