折叠时隐藏工具栏锚定视图

<div class="toolbar">
  <!-- 工具栏内容 -->
</div>
<div class="content">
  <!-- 视图内容 -->
</div>

.toolbar {
  /* 工具栏样式 */
}

.content {
  /* 视图样式 */
}

// 监听折叠按钮的点击事件
document.getElementById("collapse-button").addEventListener("click", function() {
  var toolbar = document.querySelector(".toolbar");
  var content = document.querySelector(".content");
  
  // 切换工具栏的显示和隐藏
  toolbar.style.display = toolbar.style.display === "none" ? "block" : "none";
  
  // 调整视图的样式
  if (toolbar.style.display === "none") {
    content.style.marginTop = "0";
  } else {
    content.style.marginTop = toolbar.offsetHeight + "px";
  }
});