html - 100% 高度非 Canvas 粉底 5

Question

我正在使用 Foundation 并在高度处有一系列部分:100%。

我正在使用 Canvas 外菜单，但它只匹配第一部分/视口(viewport)的高度。因此，一旦我滚动， Canvas 外菜单就不再与视口(viewport)的高度对齐。

这是与 Foundation 5 off-canvas full height of device 类似的问题.

我要结束这个:

All good

After scrolling down to next section

我认为可以通过添加 position: fixed to left-off-canvas-menu 来解决这个问题，但这是行不通的。

这让我发疯。

Answer 1

目前我能找到的最佳选择是添加几行 css:

        .off-canvas-wrap, .inner-wrap {
            min-height: 100%;
        }

        .off-canvas-wrap{  
        height: 100%;
        overflow-y: auto;
        }

虽然这在很大程度上修复了它，但在触摸设备上滚动并不是 100% 完美，有时您确实会遇到浏览器底部向上拖动的奇怪情况。