【问题描述】使用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样式。
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #vant #中Tab #标签页使用sticky #粘性布局时 #问题描述使用vant中的Tab #标签页 #当添加sticky
