微信小程序 scrollView之scroll-into-view跳坑

使用scroll-view来进行锚点跳转的赎时候发现scroll-view的scroll-into-view有问题
需求是滑动一定的距离让导航固定并进行锚点跳转


    商品
    
    详情
    
    评价
    
  

	要滑动的内容放在这里-------
	商品信息
	详情信息
	评论信息

另:
锚点点击跳转

  jumpTo: function (e) {
    let myid = e.currentTarget.dataset.opt;
    this.setData({
      toViewid: myid
    });
  },

小程序间提供屏幕滑动事件

onPageScroll(ev) {
    let that = this;
    let top = ev.scrollTop || ev.target.offsetTop ;
    if (top <= 0) {
      top = 0;
    } else if (top > wx.getSystemInfoSync().windowHeight) {
      top = wx.getSystemInfoSync().windowHeight;
    }
    if (top >50) {  //根据自己的足球来进行判断
      that.setData({
        tabShow: true
      })
    } else {
      that.setData({
        tabShow: false
      })
    }
    setTimeout(function () {
      that.setData({
        scrollTop: top
      })
    }, 0)
  },

这是商品详情页面 不能设置固定的高度,设置scroll-view的高度为100%不能进行锚点跳转,后转变为scroll-view的高度为100vh就可以进行锚点跳转了。
scroll-view 必须有固定的高度,如果设置高度为百分比的话,父容器一定要固定高度,否则无效。比如最顶层的 view 没有设置固定高度,然后在下面添加的 scroll-view 的高度就直接设置height:100%是无效的,此时可以设置为height:100vh代替。

你可能感兴趣的:(微信小程序)