vue实现侧边定位栏_vue.js_

// 页面组件代码 
          
              
                                                    
     
 //  获取组件距离页面顶部高度 ！！！  

// 侧边栏代码  // 侧边栏js 

// 监听滑动栏滚动，通过监听滚动到的位置，到     scrollChange() {       const scrollTop = document.documentElement.scrollTop || document.body.scrollTop || 0;       const windowHeight = document.documentElement.clientHeight || document.body.clientHeight || 0;       const scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight || 0;       const allContentOffsettop = [         'offsetTopliveOverview',         'offsetTopprocurenmentAlert',         'offsetTopsalesOverview',         'offsetTopinquiryData',         'offsetToptransactionData'];       if (scrollTop === 0) {         if (this.active !== 'top') {           this.active = 'top';           this.$refs.activeTip.style.transform = `translateY(${196}px)`;         }       } else if (scrollTop + windowHeight > scrollHeight || scrollTop + windowHeight === scrollHeight) {         if (this.active !== 'transactionData') {           this.active = 'transactionData';           this.$refs.activeTip.style.transform = `translateY(${157}px)`;         }       } else {         for (let i = 0; i < allContentOffsettop.length; i++) {           if (this[allContentOffsettop[i]] - 1 > scrollTop) {             const contentName = allContentOffsettop[i - 1].replace('offsetTop', '');             if (this.active !== contentName) {               this.active = contentName;               this.$refs.activeTip.style.transform = `translateY(${(i - 1) * 39}px)`;             }             break;           }         }       }     },   }, };