当前位置:网站首页>How to make the tab top by clicking on the tab bar
How to make the tab top by clicking on the tab bar
2022-04-22 11:08:00 【_ Virgo programmer's daily life】
Effect requirements :
The implementation is similar to vant The effect of scrolling navigation in :

Reserve knowledge , You can take a look at my previous article :
client Related knowledge
1. Ranked by calculation tab The height of the previous element ;
2. adopt window.scrollTo() Page scrolling .、
What if page tab There are two in front of the column class by head and mid The elements of , be .
let headHeight = document.querySelector('.header');
let midHeight = document.querySelector('.mid');
let height = headHeight + midHeight;
window.screenTop(0,headHeight);
、
版权声明
本文为[_ Virgo programmer's daily life]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/04/202204221102060592.html
边栏推荐
- 2022年技能大赛“网络安全”(中职组)D模块电子答题卡解析-新漏洞
- Interface normative test standard specification - detailed
- 11. (map data section) how to download and use OSM data
- 12年的测试前辈给学习软件测试的你几点建议
- .env.dev不生效问题
- CVPR 2022 | 用Transformer学习多假设表示!3D人体姿态估计的新框架!
- Since when has the software test interview been so difficult?
- ES6学习笔记之4数值表示法有关数值的扩展(8进制表示法)(转载,备忘非我原创)
- Secondary vocational network security attack Flag of pcapng packet
- MySQL installation summary
猜你喜欢

重点来了,最全Web3行话指南你掌握了吗?

关于正则表达式匹配密码问题

Looking for investors of state-owned enterprises, central enterprises and listed companies, I choose Tami dog!

Everyone is trying. Why don't you try

How do enterprises calculate customer lifetime value?

redis 清除所有库和当前选择的库的数据

MySQL安装总结

ToolJet 是什么,怎么样? —— 低代码开发平台测评

Ampere computing releases the computing power of observation cloud "core" and jointly promotes the development of observability

Wechat applet is installed using vant web yarn
随机推荐
[data mining] use Excel to mine the equity relationship and count the distribution and trend of different types of kinship in listed companies according to the year [visual presentation]
作为职场半个咸鱼,怎么才能做好测试管理
原来,这才是开发者打开世界读书日的正确姿势!
Scroll bar style modification
女生学软件测试难不难?
Mina中的VRF
2022 年度广东省职业院校学生专业技能大赛网络安全(中职组)赛项样题
【无标题】
错误:PermissionError: [WinError 32] 另一个程序正在使用此文件,进程无法访问。“+文件路径“的解决方案
The ASM disk is partially emptied and recovered
Synchronized锁及其膨胀
Daily CISSP certification common mistakes (April 21, 2022)
Redis login client command
点击tab栏如何让tab置顶
(10 pieces of terrain data for offline processing)
Redis 解决键冲突
What is tooljet—— Evaluation of low code development platform
2022 zhongkepan cloud - WB security application flag
【SIGGRAPH 2022】域增强的任意图像风格对比迁移方法
redis 清除所有库和当前选择的库的数据