Authored by QC-L

完成 tab 悬浮效果

<div class="guess-like">
<div id='fixedTab' class="guess-like">
<div class="wapper">
<div class="guess-scroll">
{{#each data}}
... ...
... ... @@ -24,7 +24,8 @@ class Group extends Page {
resourceList: $('.resource-collage-buy-prd-list'),
resourceListC: $('.resource-collage-buy-prd-list-c'),
goodsList: $('.new-goods-list'),
guessLike: $('.guess-tab')
guessLike: $('.guess-tab'),
guessLikeHeight: $('guess-tab').height()
};
this.shareData = {
shareImgUrl: $('.group').data('share-img'),
... ... @@ -142,9 +143,11 @@ class Group extends Page {
if ($(window).scrollTop() > floorsContentHeight) {
this.selector.tabSection.addClass('float');
this.selector.groupListContent.css('marginTop', this.selector.tabSectionHeight);
this.selector.goodsList.css('marginTop', this.selector.guessLikeHeight);
} else {
this.selector.tabSection.removeClass('float');
this.selector.groupListContent.css('marginTop', 0);
this.selector.goodsList.css('marginTop', 0);
}
}
... ... @@ -152,6 +155,7 @@ class Group extends Page {
scrollListHandler() {
let floorsContentHeight = this.selector.floorsContentHeight + 5;
let goodsContainerHeight = this.selector.groupListContent.height();
let goodsListHeight = this.selector.goodsList.height();
let navType = this.judgeType(this.filterTab[this.selectedChannel].$pre);
let newNavType = this.judgeNavType(this.newFilterTab);
let nav = this.navInfo[navType];
... ... @@ -165,7 +169,9 @@ class Group extends Page {
this.search();
}
}
}
if (($(window).scrollTop() - floorsContentHeight) > goodsListHeight * 0.6) {
if (newNav) {
newNav.reload = false;
newNav.isScrollLoad = true;
... ...
... ... @@ -40,3 +40,12 @@
.wapper::-webkit-scrollbar { width: 0 !important; }
}
.guess-like.float {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 998;
background-color: #fff;
}
... ...