设置滚动条以使用树视图

<div style="height: 300px; width: 400px; overflow: auto;">
  <!-- 树视图内容 -->
</div>

var container = document.getElementById("tree-container");
var treeData = [
  { label: "Node 1", children: [
    { label: "Node 1.1" },
    { label: "Node 1.2" }
  ] },
  { label: "Node 2" },
  { label: "Node 3", children: [
    { label: "Node 3.1" },
    { label: "Node 3.2" }
  ] }
];

function buildTree(container, data) {
  var ul = document.createElement("ul");
  for (var i = 0; i < data.length; i++) {
    var li = document.createElement("li");
    li.textContent = data[i].label;
    if (data[i].children) {
      li.appendChild(buildTree(document.createElement("ul"), data[i].children));
    }
    ul.appendChild(li);
  }
  return ul;
}

container.appendChild(buildTree(container, treeData));