jquery - 完美的滚动条超越内容

Question

我正在使用 jquery 的完美滚动条插件“完美滚动条”，但我遇到了问题。

滚动条似乎超出了内容，而不是在滚动时包装所有内容，如下面的示例站点所示（注意：单击“附加”以查看错误）：

http://ec2-54-84-168-45.compute-1.amazonaws.com/Teapop/menu#teapop_nav

任何人都可以对我如何解决这个问题提出建议吗？

谢谢

Answer 1

将此添加到您的文档中[未测试]：

<script>
  $(document).ready(function(){
    function changeSize() {
        var width = parseInt($("#additional_menu_categories").width());
        var height = parseInt($("#additional_menu_categories").height());

        if(!width || isNaN(width)) {
            width = 600;
        }
        if(!height || isNaN(height)) {
            height = 400;
        }
        $("#additional_menu_categories").width(width).height(height);

        // update perfect scrollbar
        $('#additional_menu_categories').perfectScrollbar('update');
    }
    $(function() {
        $('#additional_menu_categories').perfectScrollbar();
    });
  });
</script>