点击tab栏如何让tab置顶

效果要求:
实现类似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);

猜你喜欢

转载自blog.csdn.net/qq_42931285/article/details/124336349
Tab
今日推荐