Authored by 陈峰

优化经典店铺滚动各个元素的交互

1 'use strict'; 1 'use strict';
2 2
3 const fs = require('fs'); 3 const fs = require('fs');
4 -let devHost = '172.16.9.195'; 4 +let devHost = '127.0.0.1';
5 5
6 fs.readFile('.devhost', (err, buf)=> { 6 fs.readFile('.devhost', (err, buf)=> {
7 if (!err) { 7 if (!err) {
@@ -124,6 +124,8 @@ var defaultOpt = require('../common/query-param'); @@ -124,6 +124,8 @@ var defaultOpt = require('../common/query-param');
124 124
125 // 切换active状态到$pre上 125 // 切换active状态到$pre上
126 $pre.addClass('active'); 126 $pre.addClass('active');
  127 +
  128 + $('#pos-list').addClass('hide')
127 $pre.siblings('.filter').removeClass('active'); 129 $pre.siblings('.filter').removeClass('active');
128 subNavScrollTo(); 130 subNavScrollTo();
129 } 131 }
@@ -706,6 +708,7 @@ $newList.on('touchstart', 'li', function(e) { @@ -706,6 +708,7 @@ $newList.on('touchstart', 'li', function(e) {
706 } 708 }
707 709
708 $newList.addClass('hide'); 710 $newList.addClass('hide');
  711 + $('#pos-list').addClass('hide')
709 $firstLiDom.find('.nav-txt').text($(this).text()); 712 $firstLiDom.find('.nav-txt').text($(this).text());
710 $firstLiDom.attr('data-bp-id', bpIdData).addClass('active').siblings().removeClass('active'); 713 $firstLiDom.attr('data-bp-id', bpIdData).addClass('active').siblings().removeClass('active');
711 $subNav.find('.first-li-more').removeClass('new default sale').addClass(cls); 714 $subNav.find('.first-li-more').removeClass('new default sale').addClass(cls);
@@ -800,9 +803,8 @@ $subNav.on('touchend touchcancel', function(e) { @@ -800,9 +803,8 @@ $subNav.on('touchend touchcancel', function(e) {
800 $newList.find('li.sale').addClass('active').siblings().removeClass('active'); 803 $newList.find('li.sale').addClass('active').siblings().removeClass('active');
801 } 804 }
802 newListHide(); 805 newListHide();
803 - return true;  
804 - }  
805 806
  807 + } else {
806 // 最新li 列表 808 // 最新li 列表
807 $newList.addClass('hide'); 809 $newList.addClass('hide');
808 810
@@ -813,9 +815,7 @@ $subNav.on('touchend touchcancel', function(e) { @@ -813,9 +815,7 @@ $subNav.on('touchend touchcancel', function(e) {
813 $('.home-sub-nav>li.filter').removeClass('active'); 815 $('.home-sub-nav>li.filter').removeClass('active');
814 $this.removeClass('active'); 816 $this.removeClass('active');
815 filter.hideFilter(); 817 filter.hideFilter();
816 - if ($('#list-nav').offset().top > $(document).scrollTop()) {  
817 - $('#pos-list').addClass('hide');  
818 - } 818 +
819 } else { 819 } else {
820 $('.home-sub-nav>li.filter').addClass('active'); 820 $('.home-sub-nav>li.filter').addClass('active');
821 $this.addClass('active'); 821 $this.addClass('active');
@@ -914,6 +914,22 @@ $subNav.on('touchend touchcancel', function(e) { @@ -914,6 +914,22 @@ $subNav.on('touchend touchcancel', function(e) {
914 }, reloadCb); 914 }, reloadCb);
915 } 915 }
916 } 916 }
  917 + }
  918 + if ($('#list-nav').offset().top > $(document).scrollTop() && $('.filter-mask').hasClass('hide')) {
  919 + if ($this.hasClass('first-li-more') && !$('#pos-list').hasClass('hide')) {
  920 + if ($('.new-list').hasClass('hide')) {
  921 + $('.new-list').removeClass('full-height');
  922 + $('#pos-list').addClass('hide');
  923 + } else {
  924 + $('.new-list').addClass('full-height');
  925 + }
  926 + } else {
  927 + $('#pos-list').addClass('hide');
  928 + }
  929 + } else if ($('#pos-list').hasClass('hide')) {
  930 + $('.new-list').removeClass('full-height');
  931 + }
  932 +
917 e.stopPropagation(); 933 e.stopPropagation();
918 }); 934 });
919 935
@@ -631,6 +631,9 @@ @@ -631,6 +631,9 @@
631 top: 81px; 631 top: 81px;
632 left: 0px; 632 left: 0px;
633 } 633 }
  634 + &.full-height {
  635 + height: 100%;
  636 + }
634 li { 637 li {
635 margin-left: 35px; 638 margin-left: 35px;
636 height: 88px; 639 height: 88px;