我想制作一個全屏抽屜選單并且可以從底部打開它，但是我無法在頁面底部制作打開按鈕。
這是確保以任何解析度顯示頁面底部按鈕的簡單方法嗎？
這是我的代碼
codepen.io/WildDagger/pen/QWMXZyz
（我不知道為什么 stackoverflow 編輯器總是會犯煩人的錯誤，所以我只能粘貼它）
uj5u.com熱心網友回復：
您必須將導航放在螢屏下方。要做到這一點，您需要bottom: -100%;. 這樣元素將完全不可見，這將適用于所有解析度。檢查代碼：
.menu-container {
bottom: -100%; /* Currently -375px */
...
}
menuBtnClose.addEventListener('click', function(e) {
e.preventDefault()
menuContainer.style.bottom = "-100%" /* Currently -375px */
})
uj5u.com熱心網友回復：
你需要改變 CSS 和 JS
使用“ -100% ”代替“ -375px ”
JS變化
- menuContainer.style.bottom = "-100%"
此類中的 CSS 更改（.menu-container）
- 底部：-100%；
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/365494.html