背景

實現點擊一個按鈕可以滾動到當前頁面的指定位置。

問題

首先想到使用taro自己的api （pageScrollTo）實現滾動，查看文檔發現selector 參數剛好是自己需要的。（https://taro-docs.jd.com/taro/docs/2.x/apis/ui/scroll/pageScrollTo）

然后就寫了一個簡單的函數

function scrollIntoView (id) {
  Taro.pageScrollTo({
      selector: '#id',
  })
}

但是調用之后報錯

errMsg: "pageScrollTo:fail "scrollTop" is required"

難道scrollTop是必填的？？？使用scrollTop參數確實可以實現滾動，但是我滾動的距離不確定。

然后查看源碼發現api中根本就沒有selector 參數，這是什么鬼？看了一下版本當前使用的就是2.x的

微信里面也有pageScrollTo方法但是h5中使用這個方法會有問題，還是使用其他方法去實現吧。

實現

看了一下scrollView組件里面scrollIntoView可以實現相同的效果

function scrollIntoView (id) {
  document.querySelector(`#${id}`).scrollIntoView({
    behavior: 'smooth',
    block: 'center',
    inline: 'start'
  })
}