update for category nav

@@ -5,7 +5,7 @@
         }}
         {{#data}}
             <li class='category'>
-                <a href="{{url}}">{{categoryName}}</a>
+            <a href="{{url}}" {{#if @first}}class="active"{{/if}}>{{categoryName}}</a>
                 {{#unless @last}}
                 <span>|</span>
                 {{/unless}}

@@ -9,6 +9,8 @@ var $categoryNavItem = $('.outlet-category-nav a');
 var search = require('./sale/search');
 var iscroll = require('./outlet/nav');
 
+require('./outlet/fix-nav');
+
 lazyLoad($('img.lazy'));
 
 // 搜索条件初始化
@@ -41,6 +43,8 @@ if ($el.length > 0) {
     });
 }
 
+$('.outlet-category-nav').fixNav();
+
 if ($('.swiper-container .swiper-slide').length > 1) {
     new Swiper('.swiper-container', {
         lazyLoading: true,

+/**
+ * make the nav (or any element) to be fixed on top
+ * author: Bill.Zhao
+ * repository: https://github.com/buildAll/fix-nav.js/blob/master/fix-nav.js
+ * license: MIT
+ */
+
+var $ = require('yoho-jquery');
+
+(function() {
+    $.fn.fixNav = function() {
+
+        // var defaults = {
+        // };
+
+        // var settings = $.extend({}, defaults, options);
+
+        var scrollDirection = {
+            direction: '',
+            preScrollTop: 0,
+            curScrollTop: 0,
+            getDirection: function() {
+                this.curScrollTop = $(window).scrollTop();
+                this.curScrollTop < this.preScrollTop ?
+                    this.direction = 'up' :
+                    this.direction = 'down';
+                this.preScrollTop = this.curScrollTop;
+            },
+            isUp: function() {
+                this.getDirection();
+                return this.direction === 'up';
+            },
+            isDown: function() {
+                this.getDirection();
+                return this.direction === 'down';
+            }
+        };
+
+        var styleCtrl = {
+            isSet: false,
+            preStyle: '',
+            preTop: null,
+            $el: null,
+            setFix: function(el, originTop) {
+                if (!this.isSet) {
+                    this.$el = $(el);
+
+                    this.preStyle = this.$el.attr('style');
+                    this.preTop = originTop;
+
+                    this.$el.css({
+                        position: 'fixed',
+                        top: 0,
+                        'z-index': 9999
+                    });
+
+                    this.isSet = true;
+                }
+            },
+            clearFix: function() {
+                var windowTop;
+
+                if (this.$el) {
+                    windowTop = $(window).scrollTop();
+
+                    if (windowTop <= this.preTop) {
+                        if (this.preStyle) {
+                            this.$el.attr('style', this.preStyle);
+                        } else {
+                            this.$el.removeAttr('style');
+                        }
+                        this.isSet = false;
+                    }
+                }
+            }
+        };
+
+        return this.each(function(index, el) {
+            var viewportOffset = el.getBoundingClientRect();
+            var originPoistion = viewportOffset.top;
+
+            $(window).scroll(function() {
+                var subViewportOffset = el.getBoundingClientRect();
+                var elementTop = subViewportOffset.top;
+
+                if (scrollDirection.isDown() && elementTop <= 0) {
+                    styleCtrl.setFix(el, originPoistion);
+                } else {
+                    styleCtrl.clearFix();
+                }
+            });
+        });
+
+    };
+}());

@@ -92,28 +92,7 @@ function activeNav() {
 
 }
 
-function fixNav() {
-    var navHeight = 0;
-    var $navContainer = $('#index_nav');
-
-    if ($navContainer.size() > 0) {
-        navHeight = $navContainer.height();
-
-        // 顶部app下载位置
-        $(window).on('scroll', function() {
-            var scrollTop = $(window).scrollTop();
-
-            if (scrollTop >= navHeight) {
-                $navContainer.addClass('nav-fix');
-            } else {
-                $navContainer.removeClass('nav-fix');
-            }
-        });
-    }
-}
-
 activeNav();
-fixNav();
 
 
 module.exports = initNavScroll;