完美的滚动条超出了内容

时间:2014-02-26 17:07:06

标签: jquery perfect-scrollbar

我使用的是jquery完美的滚动条插件“perfect-scrollbar”,但我遇到了问题。

滚动条似乎超出内容而不是在您滚动它时包装所有内容,如下面的示例网站上所示(注意:单击“附加”以查看错误):

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

任何人都可以就如何解决这个问题提出建议吗?

谢谢

1 个答案:

答案 0 :(得分:0)

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

<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>