小程序使用Vant weapp的索引栏IndexBar无法正常跳转至对应锚点且底部异常

【问题】
小程序使用Vant weapp的索引栏IndexBar组件无法正常跳转至对应锚点，且无变色效果，但滚动正常。

Vant UI库是采用dist文件引入的方式导入。
按官方demo在xx.json引入组件

1 2	"van-index-bar": "../../dist/index-bar/index", "van-index-anchor": "../../dist/index-anchor/index"

xx.js文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// 索引字母数组
const indexList = [];
const charCodeOfA = 'A'.charCodeAt('0');
for (let i = 0; i < 26; i++) {
indexList.push(String.fromCharCode(charCodeOfA + i));
}

// page下的常量
activeTab: 0,
indexList,
scrollTop: 0,

// 回到顶部
onPageScroll(event) {
this.setData({
scrollTop: event.scrollTop
});
},

xx.wxml示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<van-dropdown-item value="{{ airportCode }}" title="站点">

<van-index-bar index-list="{{ indexList }}">
<view wx:for="{{ indexList }}"
wx:for-item="item"
wx:key="{{item}}">
<van-index-anchor index="{{ item }}">标题1</van-index-anchor>
<van-cell title="文本" />
<van-cell title="文本" />
<van-cell title="文本" />
</view>
</van-index-bar>

</van-dropdown-item>

页面效果
只能始终在Z区域，且Z对应的内容没法显示。真是大坑连连。
在这里插入图片描述
查阅资料
1.关于无法跳转到正常锚点

2.关于底部Z区域异常