0
点赞
收藏
分享

微信扫一扫

点击tab栏如何让tab置顶

雪域迷影 2022-04-22 阅读 67

效果要求:
实现类似vant中滚动导航的效果:
在这里插入图片描述

储备知识,可以先看一下我之前的一篇文章:
client相关知识
1.通过计算排在tab前面元素的高度;
2.通过window.scrollTo()进行页面滚动。、

假设页面tab栏前面有两个class为head和mid的元素,则。
        let headHeight = document.querySelector('.header');
        let midHeight = document.querySelector('.mid');
        let height = headHeight + midHeight;
        window.screenTop(0,headHeight);

举报

相关推荐

0 条评论