一. 實作頁面平滑滾動
html：
<a class="nav-link active" @click="scrollHome">HOME</a>
<home id="home" ref="hone"></home>method：
scrollHome () {
document.getElementById('home').scrollIntoView({ block: 'start', behavior: 'smooth' })
}二 . 解決導航欄固定偏移問題
如果導航欄固定在頂部，滾動距離就會出現偏差，
在網上多番百度后，找到了解決方法：
document.documentElement.scrollTop = this.$refs.home.offsetTop - 導航高度雖然解決距離問題，但是發現平滑效果失效了…
然后就去查了scrollIntoView的引數
網址：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView
把第一個滾動的頁面的block設定為end，對底部對齊，
document.getElementById('home').scrollIntoView({ block: 'end', behavior: 'smooth' })然后問題解決啦，不過有點小瑕疵，至少大bug是沒有啦~
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/87725.html
標籤：其他
上一篇：簡單實作內嵌上拉重繪、下拉加載和RecyclerView布局
下一篇：Android 物件池的簡單實作