Lightweight, commonly used tree menu combined with a custom scrollbar (original work)

Add-ons

2026-07-25 22:33 2 次浏览 • 0 次下载 4.4KB

Lightweight, commonly used tree menu combined with a custom scrollbar (original work)

Plugin description: A practical tree menu developed from real-world project experience. It combines a custom-styled scrollbar with a tree menu. Tree menu items do not wrap, and the scrollbar appears automatically when the content requires it.

Last updated: 2018/1/10 3:09:40 PM

Changelog:Optimized the default behavior to open the currently selected menu. Added the class "ontree" to the node and included the following code.

$(".ontree").each(function(){
    $(this).parents("ul").show();
    $(this).parents("ul").siblings().addClass("open_menu").removeClass("close_menu");
});

Usage

Step 1: Build the HTML according to the demo structure. When integrating it into your project, you can adjust the position of the custom tree menu on the page.

1	`<div` `class="centent"></div>`

CSS;

Step 2: Include tree.css and treescroll.min.js;

Step 3: When initializing the menu, configure the corresponding positions to open or close as needed. Use "open_menu" to open and "close_menu" to close;