全局包装器div min-height 100vh打破固定在移动设备上的儿童

时间:2018-03-08 09:23:03

标签: html css wrapper fixed

在html中我用div.wrapper min-height:100vh全局包装内容; for:目标左推菜单,在移动设备上打破所有儿童的位置:固定;并将其粘贴在页面顶部而不是可见部分。

如果您有任何想法我尝试了很多解决方案..

您可以在以下位置看到此信息:http://test.lelabdigital.fr左上角的导航按钮打开位置已固定,但滚动到底部时会粘在顶部。

由于

1 个答案:

答案 0 :(得分:1)

main.css 1422行中添加position: fixed;

body:target aside.mobile-nav {
    z-index: 9999;
    overflow-y: hidden;
    position: fixed;
}

main.css第1409行尝试删除此style它将wprk

.wrapper {
    transform: translateX(0) translateZ(0);
    transition: transform .2s;
    will-change: transform;
}

您还需要remove

style main.cssbody:target .wrapper { transform: translateX(50vw); }
nav-button-open

如果你不这样做,fix

时,sroll将不会{{1}}