打开侧抽屉窗口跳到html css中的高度为零。

<div class="drawer-container">
  <div class="drawer">
    <!-- 抽屉内容 -->
  </div>
  <button class="toggle-drawer-button">打开/关闭抽屉</button>
</div>

.drawer-container {
  position: relative;
  overflow: hidden;
  height: 100vh; /* 设置容器高度占满整个视口 */
}

.drawer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0; /* 默认高度为零 */
  background-color: #f2f2f2;
  transition: height 0.3s ease; /* 添加过渡效果 */
}

.drawer.open {
  height: 100%; /* 打开抽屉时将高度设置为100% */
}

.toggle-drawer-button {
  position: fixed;
  top: 20px;
  right: 20px;
}

const toggleButton = document.querySelector('.toggle-drawer-button');
const drawer = document.querySelector('.drawer');

toggleButton.addEventListener('click', function() {
  drawer.classList.toggle('open'); // 切换抽屉的打开状态
});