商品分类 css js

@@ -10,11 +10,25 @@ var $ = require('yoho.jquery');
 $('.cate-nav').on('click', 'li', function() {
 	var nowIndex = $(this).index();
 	$(this).addClass('current').siblings().removeClass('current');
-	$('.cate-main').hide().eq(nowIndex).show();
+	$('.cate-main').removeClass('show').eq(nowIndex).addClass('show');
 });
 
-//主体内容显示控制
-$('.cate-main').eq(0).show();
+$('.cate-nav li').each(function(i) {
+	if ($(this).hasClass('current')) {
+		$('.cate-main').eq(i).addClass('show');
+		//设置二级导航高度，出现滚动条
+		var secondNav = $('.cate-main').eq(i).find('.cate-second');
+
+		//微信中隐藏头部,计算分类高度
+		if (is_weixin()) {
+			$('#header').hide();
+			$('.cate-second').height($(window).height() - secondNav.offset().top + $('#header').outerHeight());
+		} else {
+			$('.cate-second').height($(window).height() - secondNav.offset().top);
+		}
+
+	}
+});
 
 //一级导航样式及点击事件
 $('.cate-first').each(function() {
@@ -26,14 +40,15 @@ $('.cate-first').each(function() {
 	});
 });
 
-//设置二级导航高度，出现滚动条
-$('.cate-second').height($(window).height() - $('.cate-second').offset().top);
-
-//微信中隐藏头部
-if (window.ws) {
-	$('#header').hide();
-};
-
+//判断是否微信内置浏览器
+function is_weixin() {
+	var ua = navigator.userAgent.toLowerCase();
+	if (ua.match(/MicroMessenger/i) == "micromessenger") {
+		return true;
+	} else {
+		return false;
+	}
+}
 $('body').css({
 	backgroundColor: '#f8f8f8'
 })
\ No newline at end of file

@@ -38,6 +38,10 @@
 .cate-main {
     position: relative;
     display: none;
+
+    &.show {
+        display: block;
+    }
 }
 
 .cate-first {