完成 tab 悬浮效果

-<div class="guess-like">
+<div id='fixedTab' class="guess-like">
     <div class="wapper">
     <div class="wapper">
         <div class="guess-scroll">
         <div class="guess-scroll">
             {{#each data}}
             {{#each data}}

@@ -24,7 +24,8 @@ class Group extends Page {
             resourceList: $('.resource-collage-buy-prd-list'),
             resourceList: $('.resource-collage-buy-prd-list'),
             resourceListC: $('.resource-collage-buy-prd-list-c'),
             resourceListC: $('.resource-collage-buy-prd-list-c'),
             goodsList: $('.new-goods-list'),
             goodsList: $('.new-goods-list'),
-            guessLike: $('.guess-tab')
+            guessLike: $('.guess-tab'),
+            guessLikeHeight: $('guess-tab').height()
         };
         };
         this.shareData = {
         this.shareData = {
             shareImgUrl: $('.group').data('share-img'),
             shareImgUrl: $('.group').data('share-img'),
@@ -142,9 +143,11 @@ class Group extends Page {
         if ($(window).scrollTop() > floorsContentHeight) {
         if ($(window).scrollTop() > floorsContentHeight) {
             this.selector.tabSection.addClass('float');
             this.selector.tabSection.addClass('float');
             this.selector.groupListContent.css('marginTop', this.selector.tabSectionHeight);
             this.selector.groupListContent.css('marginTop', this.selector.tabSectionHeight);
+            this.selector.goodsList.css('marginTop', this.selector.guessLikeHeight);
         } else {
         } else {
             this.selector.tabSection.removeClass('float');
             this.selector.tabSection.removeClass('float');
             this.selector.groupListContent.css('marginTop', 0);
             this.selector.groupListContent.css('marginTop', 0);
+            this.selector.goodsList.css('marginTop', 0);
         }
         }
     }
     }
 
 
@@ -152,6 +155,7 @@ class Group extends Page {
     scrollListHandler() {
     scrollListHandler() {
         let floorsContentHeight = this.selector.floorsContentHeight + 5;
         let floorsContentHeight = this.selector.floorsContentHeight + 5;
         let goodsContainerHeight = this.selector.groupListContent.height();
         let goodsContainerHeight = this.selector.groupListContent.height();
+        let goodsListHeight = this.selector.goodsList.height();
         let navType = this.judgeType(this.filterTab[this.selectedChannel].$pre);
         let navType = this.judgeType(this.filterTab[this.selectedChannel].$pre);
         let newNavType = this.judgeNavType(this.newFilterTab);
         let newNavType = this.judgeNavType(this.newFilterTab);
         let nav = this.navInfo[navType];
         let nav = this.navInfo[navType];
@@ -165,7 +169,9 @@ class Group extends Page {
                     this.search();
                     this.search();
                 }
                 }
             }
             }
+        }
 
 
+        if (($(window).scrollTop() - floorsContentHeight) > goodsListHeight * 0.6) {
             if (newNav) {
             if (newNav) {
                 newNav.reload = false;
                 newNav.reload = false;
                 newNav.isScrollLoad = true;
                 newNav.isScrollLoad = true;

@@ -40,3 +40,12 @@
 
 
     .wapper::-webkit-scrollbar { width: 0 !important; }
     .wapper::-webkit-scrollbar { width: 0 !important; }
 }
 }
+
+.guess-like.float {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 998;
+    background-color: #fff;
+}