Question

我正在开展响应式网页设计。我编写了jQuery插件，其中一部分在view-port＆gt; 786时将smart_scrollbar claass添加到两个div，然后将smartScrollbar（）http://www.yuiazu.net/perfect-scrollbar/添加到smart_scrollbar并在view port为＆lt; 786时删除class。我的问题类确实删除了view-port＆lt; 786但它的功能仍然存在。我需要以某种方式清除这种jquery行为。

$(window).bind('load resize', function () {

var viewport_width = $(window).width()

   if (viewport_width > 768) {


            //***************Add Scrollbar to panels***************//

           $(".Functions_Panel_Wrapper").addClass("smart_scrollbar")

           $(".Function_Page_Wrapper").addClass("smart_scrollbar")

           $(".smart_scrollbar").perfectScrollbar();


        }
        else if (viewport_width < 768) {

            //***************Remove Scrollbar From panels***************//

            if ($(".Functions_Panel_Wrapper").hasClass("smart_scrollbar") )
            {

                $(".Functions_Panel_Wrapper").removeClass("smart_scrollbar")


            }

            if ($(".Function_Page_Wrapper").hasClass("smart_scrollbar"))
            {

                $(".Function_Page_Wrapper").removeClass("smart_scrollbar")
            }
      }
}

Answer 1

从GitHub documentation，您可以使用此功能删除滚动条：

$(".smart_scrollbar").perfectScrollbar('destroy');

所以你可以试试这个：

$(window).bind('load resize', function () {
    var viewport_width = $(window).width()
    if (viewport_width > 768) {
        //***************Add Scrollbar to panels***************//
        $(".Functions_Panel_Wrapper").addClass("smart_scrollbar")
        $(".Function_Page_Wrapper").addClass("smart_scrollbar")
        $(".smart_scrollbar").perfectScrollbar();
    } else if (viewport_width < 768) {
        //***************Remove Scrollbar From panels***************//
        if ($(".Functions_Panel_Wrapper").hasClass("smart_scrollbar")) {
            $(".Functions_Panel_Wrapper").removeClass("smart_scrollbar")
        }
        if ($(".Function_Page_Wrapper").hasClass("smart_scrollbar")) {
            $(".Function_Page_Wrapper").removeClass("smart_scrollbar")
        }
        $(".smart_scrollbar").perfectScrollbar('destroy');
    }
}

清除以前的CSS设置

1 个答案: