Always Keep Active Userview Menu in Sidebar in View

This fulfills the use case where the userview sidebar contains a lot of userview categories and menus.

By default, upon clicking on any userview menu, the sidebar will default to the top position. So any currently active userview menu will be hidden at the bottom region, and requires scrolling just to get to it.

To enhance the user experience, just edit the userview, navigating to Settings → Theme tab → Advanced tab, find the "Custom JavaScript" property and paste in the code snippet below:

$(function() {
    setTimeout(
      function() 
      {
        var yOffset = $("li.active").position().top;
        $("#sidebar").mCustomScrollbar("scrollTo", yOffset);
      }, 200);
});