在做項目網(wǎng)址時候佃迄，經(jīng)常會用到實現(xiàn)頁面緩慢滾動到頂部，今天我就來講一下我知道的方法吧。
1胡陪，語法：window.scrollTo(options)
options 是一個包含三個屬性的對象
top 等同于 y-coord
left 等同于 x-coord
behavior 類型String,表示滾動行為
behavior支持參數(shù):
- smooth(平滑滾動),
- instant(瞬間滾動),
- 默認(rèn)值auto,實測效果等同于instant
2摸柄，案例
<div class="scrollChild">
<div>第一種</div>
<button @click="scroll()">第一種方法</button>
</div>
<script>
export default {
data() {
return {
scrollTop:''
};
},
mounted() {
this.scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
},
methods: {
scroll() {
window.scrollTo({
top: 0,
behavior: "smooth"
});
}
}
}
<script>
git.gif
