如何使窗口从屏幕底部弹出？

#window {
  position: fixed;
  bottom: -100%; /* 初始位置在屏幕底部之外 */
  left: 0;
  width: 100%;
  height: 300px; /* 窗口的高度 */
  background-color: #fff;
  transition: bottom 0.3s ease; /* 添加过渡效果 */
}

// 获取窗口元素
const windowElement = document.getElementById('window');

// 显示窗口
function showWindow() {
  windowElement.style.bottom = '0'; // 将窗口位置设置为屏幕底部
}

// 隐藏窗口
function hideWindow() {
  windowElement.style.bottom = '-100%'; // 将窗口位置设置为屏幕底部之外
}

// 监听触发弹出窗口的事件，例如点击按钮
const button = document.getElementById('button');
button.addEventListener('click', showWindow);

// 监听触发隐藏窗口的事件，例如点击关闭按钮
const closeButton = document.getElementById('closeButton');
closeButton.addEventListener('click', hideWindow);