小程序：定位到页面某一块元素——锚点

---

需求：在点击某一块内容之后跳转到页面的指定位置。

方案

将整个页面最外层的view替换为scroll-view，高度设置为页面内容的高度（windowHeight）, 不能设置为100%，那是整个页面的高度，包括屏幕之外看不到的地方。

<scroll-view class="container" style="height:{
        {
        systemInfo.windowHeight}}px;" scroll-y="true" scroll-into-view="{
      {toView}}">

toView 初始值设置为 default

在触发某个事件之后跳转：

<view class="ks-btn" bindtap="selectKm">智能选科view>

跳转函数需要一个id来作为锚点，首先给定位位置设置一个id，然后函数执行后根据该id进行跳转。

<view class="jy-wrap" id="jy-wrap">
        <van-divider contentPosition="center">选科建议van-divider>
view>

最后在跳转函数中改变 toView 的值即可

this.setData({
     
     toView: "jy-wrap"
})

---

补充

href="#"与href="javascript:void(0)"的区别：

• # 号包含了一个位置信息，默认的锚是#top 也就是网页的上端。

• 而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。