添加头部

@@ -37,6 +37,9 @@ const index = (req, res, next) => {
             module: 'guang',
             module: 'guang',
             page: 'brand-list',
             page: 'brand-list',
             width750: true,
             width750: true,
+            pageHeader: headerModel.setNav({
+                navTitle: ''
+            }),
             categoryTab: isCate,
             categoryTab: isCate,
             channel: result.channel ? result.channel : '',
             channel: result.channel ? result.channel : '',
             brandList: result.brandList,
             brandList: result.brandList,
@@ -98,9 +101,7 @@ const cateAll = (req, res, next) => {
             category: {
             category: {
                 nav: result.nav,
                 nav: result.nav,
                 list: result.list
                 list: result.list
-                // searchUrl: helpers.urlFormat('/search', null, 'search')
             }
             }
-            // showFooterTab: footerModel.getUrlData('category')
         });
         });
     }).catch(next);
     }).catch(next);
 };
 };

@@ -9,6 +9,8 @@ var $intercept = $('.no-intercept'),
     $list = $('.brand-list-box'),
     $list = $('.brand-list-box'),
     $listBox = $('.list-box');
     $listBox = $('.list-box');
 
 
+require('../common');
+
 function channels(key) {
 function channels(key) {
     var channel = {
     var channel = {
         men: 1,
         men: 1,
@@ -103,6 +105,20 @@ if ($listBox.find('li').length <= 0) {
     $listBox.hide();
     $listBox.hide();
 }
 }
 
 
+$(window).scroll(function() {
+    var totalHeight = $('#yoho-header').height() + $('.tab-box').height();
+
+    if ($(this).scrollTop() >= $('#yoho-header').height()) {
+        $('.tab-box').addClass('fastening');
+        $('.content-index').addClass('distance');
+        $('.list-box').css('top', $('.tab-box').height());
+    } else {
+        $('.tab-box').removeClass('fastening');
+        $('.content-index').removeClass('distance');
+        $('.list-box').css('top', totalHeight - $(this).scrollTop());
+    }
+});
+
 $(function() {
 $(function() {
     $('.banner-swiper').each(function() {
     $('.banner-swiper').each(function() {
         if (!$(this).parents('.content').hasClass('hide') && $(this).hasClass('swiper-container-horizontal') === false && $(this).find('li').length > 1) {
         if (!$(this).parents('.content').hasClass('hide') && $(this).hasClass('swiper-container-horizontal') === false && $(this).find('li').length > 1) {

 .brand-blk-page {
 .brand-blk-page {
     .tab-box {
     .tab-box {
-        position: fixed;
         top: 0;
         top: 0;
         z-index: 9;
         z-index: 9;
         width: 100%;
         width: 100%;
     }
     }
 
 
+    .fastening {
+        position: fixed;
+    }
+
+    .distance {
+        margin-top: 170px;
+    }
+
     .brand-tab {
     .brand-tab {
         max-width: inherit;
         max-width: inherit;
         height: 80px;
         height: 80px;
@@ -63,7 +70,6 @@
     }
     }
 
 
     .content-index {
     .content-index {
-        margin-top: 170px;
 
 
         .search {
         .search {
             width: 100%;
             width: 100%;
@@ -190,7 +196,7 @@
         right: 0;
         right: 0;
         background: #fff;
         background: #fff;
         opacity: 0.8;
         opacity: 0.8;
-        top: 170px;
+        top: 270px;
         overflow-y: auto;
         overflow-y: auto;
         z-index: 10;
         z-index: 10;
 
 
@@ -333,9 +339,9 @@
         .recommend-content-five {
         .recommend-content-five {
             margin-top: -1px;
             margin-top: -1px;
             width: 100%;
             width: 100%;
+            overflow: hidden;
 
 
             a {
             a {
-                height: 218px;
                 width: 50%;
                 width: 50%;
                 outline: none;
                 outline: none;
                 color: #000;
                 color: #000;