vant 中Tab 标签页使用sticky 粘性布局时,Tab吸顶后下不来或不灵敏的问题

【问题描述】使用vant中的Tab 标签页,当添加sticky 属性时,tab吸顶后不能随滚动条下来或者下来的不灵敏或者响应不及时

【问题原因】是由于本人使用的前端框架，在公共样式中把body的样式设置了 overflow: scroll，导致了这个问题。经测试，overflow属性除了visible值可修复该问题外，其他属性均会导致这个问题的存在

【解决方法】

1.将overflow: scroll属性去掉，或改为overflow: visible。在需要使用tab标签页的页面中，单独修改body样式。

单独修改body样式的代码:

setup（）{

  document.querySelector('body').setAttribute('style', 'overflow: visible');

  onDeactivated(() => {
      document.body.removeAttribute('style');
    });
}

2.但坑爹的是,在浏览器上显示没问题,但到移动端真机上,问题还是没解决

3.最终,直接在页面的根标签的类名中加入以下样式,解决了此问题.

<style>
.rootClass{
height: 100vh; 
}
</style>  

【问题原因】

overflow-y不是默认值visible,导致tab 无法正确地判断滚动容器。解决方法是去除该样式，标签上添加height: 100vh样式。