framework7---framework7下关于导航栏和工具栏的几种布局类型

静态布局

静态布局，导航栏和工具栏流式布局，随页面滚动

.views
    .view
        .pages
            .page
                .page-content
                    .navbar
                    ........
                    .toolbar

---

固定布局

固定布局，页面中的导航栏和工具栏被fixed到页面中，不会随着页面滚动而变化

.views
    .view
        .pages
            .page.navbar-fixed.toolbar-fixed
                .navbar
                .page-content
                .toolbar

//不居中，navbar-fixed被放置于page盒子中，只针对这一页面实行固定布局，如果置于pages盒子中，则针对所有page页面，进行固定布局             

---

穿透布局

不同页面间切换时，导航栏和工具栏保持不变。通过这种布局，可以实现酷炫的动态导航。穿透布局下，navbar和toolbar是view的子元素

.views
    .view
        .navbar
        .pages.navbar-through.toolbar-through
            ......
        .toolbar

---

混合布局

不同页面间切换时，导航栏和工具栏保持不变。通过这种布局，可以实现酷炫的动态导航。穿透布局下，navbar和toolbar是view的子元素

.views
    .view
        .navbar
        .pages.navbar-through.toolbar-fixed
            .page
                .page-content
                .toolbar

//例子上是穿透与固定混合布局，其分别对应的类名与位置要一一对应。