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的高度

如果有知道根源解决办法的同志,希望给予更正指教