update

 {{# nav}}
 {{# nav}}
-<nav class="outlet-nav">
+<nav class="outlet-nav" id="index_nav">
     <ul>
     <ul>
         {{#each data}}
         {{#each data}}
             <li><a href="{{url}}">{{name}}</a></li>
             <li><a href="{{url}}">{{name}}</a></li>
         {{/each}}
         {{/each}}
-        <li><a href="outlet/willBeEnd">即将结束</a></li>
-        <li><a href="outlet/willBeCome">上线预告</a></li>
+        <li><a href="outlet/willStart">即将结束</a></li>
+        <li><a href="outlet/willEnd">即将开始</a></li>
     </ul>
     </ul>
 </nav>
 </nav>
 {{/nav}}
 {{/nav}}

@@ -4,14 +4,15 @@ var $ = require('yoho-jquery'),
 
 
 var search = require('./sale/search');
 var search = require('./sale/search');
 
 
-search.setOutLoad(false);
 
 
 // var nav = require('./outlet/nav');
 // var nav = require('./outlet/nav');
+var iscroll = require('./outlet/nav');
 
 
 require('./sale/search');
 require('./sale/search');
 
 
 lazyLoad($('img.lazy'));
 lazyLoad($('img.lazy'));
 
 
+search.setOutLoad(false);
 // nav({
 // nav({
 //    navClass: '.outlet-nav'
 //    navClass: '.outlet-nav'
 // })
 // })
@@ -51,7 +52,7 @@ $('.outlet-category-nav a').on('click', function(e) {
     }, query);
     }, query);
 });
 });
 
 
-$('.outlet-category-nav a').eq(0).trigger('click');
+ // $('.outlet-category-nav a').eq(0).trigger('click');
 
 
 if (('.outlet-page').length > 0) {
 if (('.outlet-page').length > 0) {
     $('.more-activity').on('click', function() {
     $('.more-activity').on('click', function() {
@@ -71,3 +72,12 @@ if (('.outlet-page').length > 0) {
 
 
 
 
 }
 }
+
+// 导航滚动
+iscroll({
+    el: '#index_nav'
+}).goto($('#index_nav').find('.active').index());
+
+iscroll({
+    el: '#list-nav'
+}).goto(0);

 var $ = require('yoho-jquery'),
 var $ = require('yoho-jquery'),
     IScroll = require('yoho-iscroll');
     IScroll = require('yoho-iscroll');
 
 
-var defaultOpt = {
-    navClass: '.outlet-nav'
-};
-
 // nav 滚动
 // nav 滚动
 function initNavScroll(opt) {
 function initNavScroll(opt) {
     var $navBox,
     var $navBox,
-        iScroll;
-
-    $.extend(opt || {}, defaultOpt);
+        iScroll,
+        _default = {
+            el: '.outlet-nav'
+        },
+        options;
 
 
-    $navBox = $(opt.navClass);
+    options = $.extend({}, _default, opt);
+    $navBox = $(options.el);
 
 
-    function scroll(ele) {
-        var offset;
-
-        ele = ele || $navBox.find('li').eq(0)[0];
-        offset = -($navBox.find('ul').width() - 20) / 2;
+    function scroll(index) {
+        var $ele;
 
 
+        $ele = $navBox.find('li').eq(index);
+        if ($ele.length > 0) {
             setTimeout(function() {
             setTimeout(function() {
-            iScroll.scrollToElement(ele, 400, offset);
+                iScroll.scrollToElement($ele[0], 400);
             }, 1);
             }, 1);
         }
         }
+    }
 
 
-    $.each($navBox, function(index) {
-        iScroll = new IScroll($navBox[index], {
+    iScroll = new IScroll($navBox[0], {
         scrollX: true,
         scrollX: true,
         scrollY: false
         scrollY: false
     });
     });
-    });
 
 
-    scroll($navBox.find('.active')[0]);
+    return {
+        goto: scroll
+    };
 }
 }
 
 
+// 获取url中的参数
+function getUrlParam(name) {
+    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'); // 构造一个含有目标参数的正则表达式对象
+    var r = window.location.search.substr(1).match(reg);  // 匹配目标参数
+
+    // 返回参数值
+    if (r !== null) {
+        return decodeURIComponent(r[2]);
+    } else {
+        return null;
+    }
+}
+
+// 选中顶部导航
+function activeNav() {
+    var $nav = $('#index_nav');
+    var index = getUrlParam('yh_channel');
+
+    if (index === null) {
+        index = 0;
+    }
+    $nav.find('li').eq(index).addClass('active').siblings().removeClass('active');
+}
+
+
+activeNav();
+
 module.exports = initNavScroll;
 module.exports = initNavScroll;