滚动条适应不同像素页面

需求：内容区左侧自定义添加成为导航，需设置超出显示滚动条。超出的高度定死显示在不同像素下会出现超出屏幕或者不满足一屏幕下方空白。交互不友好。固暂时用以下方式解决。

created() {
    // 65,55页面顶部元素 28微调
    this.maxHeight = document.body.offsetHeight  - 65 -55 - 28 
  },

//每行tab
 <div class="line-box" v-if="lineData.length != 0" :style="{'max-height': maxHeight + 'px'}">
   <div v-for="(item,k) in lineData" :key="k" @click="singleTab(item)" >
     <div class="line-tab" :class="{'active': tabId == item.id}">
       {{item.testType}}
       <img v-if="item.enable" src="@/assets/icons/ic_queren.png" alt="" class="enabled-img">
     </div>
   </div>
 </div>