我有一个页面的移动版本。内容足够用户必须在他的移动设备上滚动。单击图标时,移动导航栏从左侧滑入,body
得到 overflow: hidden;
因此内容不再滚动。有没有办法让导航栏的高度达到窗口的 100%(而不是文档的高度),以便用户可以进一步在导航栏内滚动?
目前滑入和导航高度由 Javascript 控制,但我正在寻找 CSS 解决方案。谁能帮忙?
// CSS
#mobile_nav {
width: 300px;
position: fixed;
top: 0;
left: -300px;
z-index: 10000;
overflow: auto;
}
// JS
jQuery("#mobile_button").on("click", function() {
jQuery("#mobile_nav")
.css({ height: jQuery(window).height() });
.stop(true)
.animate({ left: 0 })
;
jQuery("body").css({ overflow: "hidden" });
});
最佳答案
关于javascript - 无论内容如何,具有 100% 窗口高度的移动导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36081514/