修复shop页面menu shop问题

elm/static/js/manifest.js

-!function(e){function a(c){if(d[c])return d[c].exports;var f=d[c]={exports:{},id:c,loaded:!1};return e[c].call(f.exports,f,f.exports,a),f.loaded=!0,f.exports}var c=window.webpackJsonp;window.webpackJsonp=function(b,o){for(var r,t,i=0,n=[];i<b.length;i++)t=b[i],f[t]&&n.push.apply(n,f[t]),f[t]=0;for(r in o)e[r]=o[r];for(c&&c(b,o);n.length;)n.shift().call(null,a);if(o[0])return d[0]=0,a(0)};var d={},f={45:0};a.e=function(e,c){if(0===f[e])return c.call(null,a);if(void 0!==f[e])f[e].push(c);else{f[e]=[c];var d=document.getElementsByTagName("head")[0],b=document.createElement("script");b.type="text/javascript",b.charset="utf-8",b.async=!0,b.src=a.p+"static/js/"+({0:"msite",1:"order",2:"shop",3:"food",4:"confirmOrder",5:"foodDetail",6:"benefit",7:"hbDescription",8:"pointsDetail",9:"coupon",10:"balanceDetail",11:"commend",12:"orderDetail",13:"hbHistory",14:"info",15:"points",16:"chooseAddress",17:"balance",18:"profile",19:"find",20:"remark",21:"add",22:"download",23:"payment",24:"addAddress",25:"search",26:"useCart",27:"login",28:"forget",29:"userValidation",30:"exchange",31:"vipcard",32:"shopSafe",33:"questionDetail",34:"invoiceRecord",35:"shopDetail",36:"setusername",37:"addDetail",38:"address",39:"vipDescription",40:"service",41:"home",42:"invoice",43:"searchAddress",44:"city",46:"vendor",47:"app"}[e]||e)+"."+{0:"0f206fbd3a4142264f58",1:"0328aa388acda57f0b01",2:"27b17c92296aeebffd93",3:"5a7f79ad4655fbc01808",4:"1df922c6e6a5c14bf4af",5:"646a986f256f6706c259",6:"2e419d4ac8ad1b6bfe50",7:"3018f140bbc32d69c556",8:"57ad9a42b2b5f9bbcca0",9:"ebc8ea26930199dfcad7",10:"af0cbc65d8a235227e9c",11:"e9dad61aab59609ba7d3",12:"36eeecd9498c766a2c26",13:"54bcd0143d108c171710",14:"f5837cd8022b6e3bc3a7",15:"424d92fd81674c316b5a",16:"28ea77b573c44f96680a",17:"6689d937aa4b78159bfa",18:"6c878b5ca0928b034c06",19:"28e930a1b18c7293a121",20:"a941e8447da8ee8a7159",21:"1775d74173f7d4f9aad5",22:"fef2ffd7ce1dd718c1b4",23:"201104385a31ef71625a",24:"5bcc5512972823bb3dbd",25:"35a1c5f635961f93f6ad",26:"812ebeb8521f908e1b06",27:"a9777bf7b2feab96495b",28:"75c7e479cc86e18ee20a",29:"ad9d33338ffb819e1bd1",30:"f8bd1bcc4ba18de06bc3",31:"044c1b7592a55c04a7bf",32:"c0abf36a4053fc5d0146",33:"48555da27ac3621a8d8e",34:"b99aaefcc154d6b7b581",35:"04e0959dad954fb2e9cd",36:"3228b95a48ac30ab1f33",37:"cfdfbe44be5caa42214d",38:"be3752368fe246342cf9",39:"755ef77bb3f99127f054",40:"3ab30fb28579ed11c485",41:"7f600680527260cccd12",42:"7e4e006cbbf4a37ebf10",43:"860a2f3216dd85fe0a35",44:"32e769e447cad671d755",46:"31a930f65ef698998864",47:"d59a7ff8313022501abe"}[e]+".min.js",d.appendChild(b)}},a.m=e,a.c=d,a.p="/"}([]);
\ No newline at end of file
+!function(e){function a(c){if(d[c])return d[c].exports;var f=d[c]={exports:{},id:c,loaded:!1};return e[c].call(f.exports,f,f.exports,a),f.loaded=!0,f.exports}var c=window.webpackJsonp;window.webpackJsonp=function(b,o){for(var r,t,i=0,n=[];i<b.length;i++)t=b[i],f[t]&&n.push.apply(n,f[t]),f[t]=0;for(r in o)e[r]=o[r];for(c&&c(b,o);n.length;)n.shift().call(null,a);if(o[0])return d[0]=0,a(0)};var d={},f={45:0};a.e=function(e,c){if(0===f[e])return c.call(null,a);if(void 0!==f[e])f[e].push(c);else{f[e]=[c];var d=document.getElementsByTagName("head")[0],b=document.createElement("script");b.type="text/javascript",b.charset="utf-8",b.async=!0,b.src=a.p+"static/js/"+({0:"msite",1:"order",2:"shop",3:"food",4:"confirmOrder",5:"foodDetail",6:"benefit",7:"hbDescription",8:"pointsDetail",9:"coupon",10:"balanceDetail",11:"commend",12:"orderDetail",13:"hbHistory",14:"info",15:"points",16:"chooseAddress",17:"balance",18:"profile",19:"find",20:"remark",21:"add",22:"download",23:"payment",24:"addAddress",25:"search",26:"useCart",27:"login",28:"forget",29:"userValidation",30:"exchange",31:"vipcard",32:"shopSafe",33:"questionDetail",34:"invoiceRecord",35:"shopDetail",36:"setusername",37:"addDetail",38:"address",39:"vipDescription",40:"service",41:"home",42:"invoice",43:"searchAddress",44:"city",46:"vendor",47:"app"}[e]||e)+"."+{0:"0f206fbd3a4142264f58",1:"0328aa388acda57f0b01",2:"23495dc983ca8264b6a9",3:"5a7f79ad4655fbc01808",4:"1df922c6e6a5c14bf4af",5:"646a986f256f6706c259",6:"2e419d4ac8ad1b6bfe50",7:"3018f140bbc32d69c556",8:"57ad9a42b2b5f9bbcca0",9:"ebc8ea26930199dfcad7",10:"af0cbc65d8a235227e9c",11:"e9dad61aab59609ba7d3",12:"36eeecd9498c766a2c26",13:"54bcd0143d108c171710",14:"f5837cd8022b6e3bc3a7",15:"424d92fd81674c316b5a",16:"28ea77b573c44f96680a",17:"6689d937aa4b78159bfa",18:"6c878b5ca0928b034c06",19:"28e930a1b18c7293a121",20:"a941e8447da8ee8a7159",21:"1775d74173f7d4f9aad5",22:"fef2ffd7ce1dd718c1b4",23:"201104385a31ef71625a",24:"5bcc5512972823bb3dbd",25:"35a1c5f635961f93f6ad",26:"812ebeb8521f908e1b06",27:"a9777bf7b2feab96495b",28:"75c7e479cc86e18ee20a",29:"ad9d33338ffb819e1bd1",30:"f8bd1bcc4ba18de06bc3",31:"044c1b7592a55c04a7bf",32:"c0abf36a4053fc5d0146",33:"48555da27ac3621a8d8e",34:"b99aaefcc154d6b7b581",35:"04e0959dad954fb2e9cd",36:"3228b95a48ac30ab1f33",37:"cfdfbe44be5caa42214d",38:"be3752368fe246342cf9",39:"755ef77bb3f99127f054",40:"3ab30fb28579ed11c485",41:"7f600680527260cccd12",42:"7e4e006cbbf4a37ebf10",43:"860a2f3216dd85fe0a35",44:"32e769e447cad671d755",46:"31a930f65ef698998864",47:"d59a7ff8313022501abe"}[e]+".min.js",d.appendChild(b)}},a.m=e,a.c=d,a.p="/"}([]);
\ No newline at end of file

src/page/shop/shop.vue

@@ -362,7 +362,6 @@
                 elLeft: 0, //当前点击加按钮在网页中的绝对top值
                 elBottom: 0, //当前点击加按钮在网页中的绝对left值
                 ratingScroll: null, //评论页Scroll
-                wrapperMenu: null,
                 imgBaseUrl,
             }
         },
@@ -448,19 +447,15 @@
             },
             //获取食品列表的高度，存入shopListTop
             getFoodListHeight(){
-                const baseHeight = this.$refs.shopheader.clientHeight;
-                const chooseTypeHeight = this.$refs.chooseType.clientHeight;
                 const listContainer = this.$refs.menuFoodList;
                 const listArr = Array.from(listContainer.children[0].children);
                 listArr.forEach((item, index) => {
-                    this.shopListTop[index] = item.offsetTop - baseHeight - chooseTypeHeight;
+                    this.shopListTop[index] = item.offsetTop;
                 });
                 this.listenScroll(listContainer)
             },
             //当滑动食品列表时，监听其scrollTop值来设置对应的食品列表标题的样式
             listenScroll(element){
-                let oldScrollTop;
-                let requestFram;
                 this.foodScroll = new BScroll(element, {
                     probeType: 3,
                     deceleration: 0.001,
@@ -469,10 +464,11 @@
                     click: true,
                 });
 
-                this.wrapperMenu = new BScroll('#wrapper_menu', {
+                const wrapperMenu = new BScroll('#wrapper_menu', {
                     click: true,
                 });
 
+                const wrapMenuHeight = this.$refs.wrapperMenu.clientHeight;
                 this.foodScroll.on('scroll', (pos) => {
                     if (!this.$refs.wrapperMenu) {
                         return 
@@ -480,12 +476,11 @@
                     this.shopListTop.forEach((item, index) => {
                         if (this.menuIndexChange && Math.abs(Math.round(pos.y)) >= item) {
                             this.menuIndex = index;
+                            const menuList=this.$refs.wrapperMenu.querySelectorAll('.activity_menu');
+                            const el = menuList[0];
+                            wrapperMenu.scrollToElement(el, 800, 0, -(wrapMenuHeight/2 - 50));
                         }
                     })
-                    let wrapMenuHeight = this.$refs.wrapperMenu.clientHeight;
-                    let menuList=this.$refs.wrapperMenu.querySelectorAll('.activity_menu');
-                    let el = menuList[0];
-                    this.wrapperMenu.scrollToElement(el, 800);
                 })
             },
             //控制活动详情页的显示隐藏