vant的IndexBar使用踩坑
遇到的问题:
设计的顶部有固定定位的NavBar,而IndexBar定位默认是到顶的,会导致定位到的地方被NavBar挡住
1. 索引栏定位不准确
解决:
使索引栏 van-index-anchor 根据数据自定义生成索引,点击后定位准确,解决。
2. 索引怎么获得?
解决:
在 van-index-bar 内套一个div遍历数据,在里面填装索引
3. 点击索引,怎么定位到离顶部一段距离?
解决:
首先,不要用stick顶部固定,会有一些显示上的bug
在 van-index-bar 外套一个div让其与NavBar上下分布
然后,给 van-index-bar 设置样式 overflow: auto;
最后一点(还没找出具体原因)把整体最外层的div加上一个padding-bottom等于NavBar的高度
如果有知道根源解决办法的同志,希望给予更正指教