Authored by 陈轩

秒杀列表 nav 滚动固定顶部

@@ -14,6 +14,7 @@ @@ -14,6 +14,7 @@
14 <ol> 14 <ol>
15 <li>秒杀商品限活动开始后,在详情页抢购,提前加入购物车无效</li> 15 <li>秒杀商品限活动开始后,在详情页抢购,提前加入购物车无效</li>
16 <li>秒杀数量有限,抢完即止</li> 16 <li>秒杀数量有限,抢完即止</li>
  17 + <li>秒杀商品限购1件, 不能使用优惠券或优惠码</li>
17 <li>活动最终解释权归YOHO!BUY有货所有</li> 18 <li>活动最终解释权归YOHO!BUY有货所有</li>
18 </ol> 19 </ol>
19 </section> 20 </section>
@@ -297,9 +297,17 @@ seckillObj = { @@ -297,9 +297,17 @@ seckillObj = {
297 }, 297 },
298 298
299 bindEvents: function() { 299 bindEvents: function() {
  300 + var self = this;
  301 + var $nav = self.el.$navList;
  302 + var top = $nav.position().top + $nav.height();
  303 +
300 if (yoho.isApp) { 304 if (yoho.isApp) {
301 this.$productList.on('click', '[data-remind]', $.proxy(this.toggleRemind, this)); 305 this.$productList.on('click', '[data-remind]', $.proxy(this.toggleRemind, this));
302 } 306 }
  307 +
  308 + $(document).on('scroll', function() {
  309 + $nav.toggleClass('fix-top', $(window).scrollTop() > top);
  310 + });
303 }, 311 },
304 312
305 /* 313 /*
@@ -87,5 +87,14 @@ @@ -87,5 +87,14 @@
87 } 87 }
88 } 88 }
89 } 89 }
  90 +
  91 + &.fix-top {
  92 + position: fixed;
  93 + top: 0;
  94 + right: 0;
  95 + left: 0;
  96 + z-index: 100;
  97 + box-shadow: 0 1px 0 0 #e1e1e1;
  98 + }
90 } 99 }
91 } 100 }