100%高度露天基金会5

Question

我正在使用Foundation并且在高度上有一系列部分:100%.

我正在使用非画布菜单,但它只匹配第一部分/视口的高度.因此,一旦我滚动,非画布菜单就不再与视口的高度对齐.

这与基础5画布全高度设备类似.

我结束了这个:

都好

滚动到下一部分后

我认为可以通过添加位置来解决:固定到左侧画布菜单,但这不起作用.

这让我很生气.

Answer 1

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

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

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

虽然这在很大程度上解决了这个问题,但在触摸设备上滚动并不是100%完美,不时会出现一个奇怪的情况,即浏览器的底部向上拖动.

Answer 2

把下面的绳子放在你的头上。

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