Authored by 陈峰

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

'use strict';
const fs = require('fs');
let devHost = '172.16.9.195';
let devHost = '127.0.0.1';
fs.readFile('.devhost', (err, buf)=> {
if (!err) {
... ...
... ... @@ -124,6 +124,8 @@ var defaultOpt = require('../common/query-param');
// 切换active状态到$pre上
$pre.addClass('active');
$('#pos-list').addClass('hide')
$pre.siblings('.filter').removeClass('active');
subNavScrollTo();
}
... ... @@ -706,6 +708,7 @@ $newList.on('touchstart', 'li', function(e) {
}
$newList.addClass('hide');
$('#pos-list').addClass('hide')
$firstLiDom.find('.nav-txt').text($(this).text());
$firstLiDom.attr('data-bp-id', bpIdData).addClass('active').siblings().removeClass('active');
$subNav.find('.first-li-more').removeClass('new default sale').addClass(cls);
... ... @@ -800,9 +803,8 @@ $subNav.on('touchend touchcancel', function(e) {
$newList.find('li.sale').addClass('active').siblings().removeClass('active');
}
newListHide();
return true;
}
} else {
// 最新li 列表
$newList.addClass('hide');
... ... @@ -813,9 +815,7 @@ $subNav.on('touchend touchcancel', function(e) {
$('.home-sub-nav>li.filter').removeClass('active');
$this.removeClass('active');
filter.hideFilter();
if ($('#list-nav').offset().top > $(document).scrollTop()) {
$('#pos-list').addClass('hide');
}
} else {
$('.home-sub-nav>li.filter').addClass('active');
$this.addClass('active');
... ... @@ -914,6 +914,22 @@ $subNav.on('touchend touchcancel', function(e) {
}, reloadCb);
}
}
}
if ($('#list-nav').offset().top > $(document).scrollTop() && $('.filter-mask').hasClass('hide')) {
if ($this.hasClass('first-li-more') && !$('#pos-list').hasClass('hide')) {
if ($('.new-list').hasClass('hide')) {
$('.new-list').removeClass('full-height');
$('#pos-list').addClass('hide');
} else {
$('.new-list').addClass('full-height');
}
} else {
$('#pos-list').addClass('hide');
}
} else if ($('#pos-list').hasClass('hide')) {
$('.new-list').removeClass('full-height');
}
e.stopPropagation();
});
... ...
... ... @@ -631,6 +631,9 @@
top: 81px;
left: 0px;
}
&.full-height {
height: 100%;
}
li {
margin-left: 35px;
height: 88px;
... ...