Bootstrap 中静态侧菜单滚动

lrpiutwd  于 2023-06-20  发布在  Bootstrap
关注(0)|答案(1)|浏览(196)

我使用的管理模板从http://startbootstrap.com/templates/sb-admin-v2/,但我发现,如果侧菜单项得到超过页面高度没有滚动,我怎么能添加滚动到静态侧菜单时,菜单项或页面高度改变?像http://responsiweb.com/themes/preview/ace/1.3/
您可以更改浏览器高度来查看问题。

sqougxex

sqougxex1#

只需使用滚动插件like niceScroll并使用以下代码:

var sideMenuCheck = function () {
    var ss = $("#side-menu");
    ss.css({
        'height': ss.height() + 'px'
    });

    document.body.style.overflow = "hidden";
    var viewportHeight = $(window).height();
    document.body.style.overflow = "";

    var menuParent = ss.parent();   

        menuParent.css({
            'height': (viewportHeight - 50) + 'px',
            'overflow': 'hidden'
        });

    menuParent.niceScroll();
};

$(document).ready(function () {
    sideMenuCheck();
});
$(window).resize(function () {
    sideMenuCheck();

});
  • 注:此答案是代表OP发布的。

相关问题