window.scrollTo({
           top:560,
          left:0,
          behavior: "smooth"
        });

    // 獲取html元素
    let htmlDom = document.documentElement;
    // 獲取頁(yè)面高度加內(nèi)邊距
    const deviceHeight = htmlDom.clientHeight;
    //獲取當(dāng)前滾動(dòng)條的高度
    const scrollHeight=htmlDom.scrollHeight；
    //獲取頁(yè)面高度加內(nèi)邊距加邊框
    const offsetHeight=htmlDom.offsetHeight;
    console.log("html--------",htmlDom.offsetHeight);
    console.log("deviceHeight",deviceHeight);
    console.log("scrollHeight",htmlDom.scrollHeight);
    //我的業(yè)務(wù)里面只用到了這個(gè)scrollHeight
    let keepHeight=htmlDom.scrollHeight-90;
    // 如果需要設(shè)置某個(gè)元素的樣式等用ref進(jìn)行一個(gè)綁定 這個(gè)例子ref綁定的就是list
    // this.$refs.list.style.height = htmlDom.scrollHeight +"px"
    window.scrollTo({
      top: keepHeight,
      behavior: 'instant'
    })

 <div ref="returnTop"></div>

   this.$nextTick(() => {
        this.$refs.returnTop.scrollTop = 0
      })

window.scrollTo( 0, 100 );
 
// 設(shè)置滾動(dòng)行為改為平滑的滾動(dòng)
window.scrollTo({
    top: 1000,
    behavior: "smooth"
});

// main.js
Vue.prototype.$scrollTo = (x = 0, y = 0, type = 'smooth') => {
    window.scrollTo({
        top: x,
        left: y,
        behavior: type // 滾動(dòng)行為：smooth平滑滾動(dòng)，instant瞬間滾動(dòng)，默認(rèn)值auto，等同于instant
    })
}
// 使用方法
this.$scrollTo()

isHot:{
	// immediate:true, //初始化時(shí)讓handler調(diào)用一下
	//handler什么時(shí)候調(diào)用？當(dāng)isHot發(fā)生改變時(shí)。
    //deep:true, //開啟深度監(jiān)視，當(dāng)屬性是個(gè)對(duì)象時(shí)，如需監(jiān)聽對(duì)象的屬性，需開啟深度監(jiān)視
	  handler(newValue,oldValue){
	console.log('isHot被修改了',newValue,oldValue)
	}
},
 
//簡(jiǎn)寫
/* isHot(newValue,oldValue){
	console.log('isHot被修改了',newValue,oldValue,this)
} */

			data:{
				firstName:'張',
				lastName:'三',
				fullName:'張-三'
			},
			watch:{
				firstName(val){
                   //監(jiān)聽函數(shù)可以實(shí)現(xiàn)異步方法
					setTimeout(()=>{
						console.log(this)
						this.fullName = val + '-' + this.lastName
					},1000);
				},
				lastName(val){
					this.fullName = this.firstName + '-' + val
				}
			}

    goAnthor (selector) {
      const height = document.querySelector(selector).offsetTop
      const container = document.querySelector('.scroll-wrap')
      container.scrollTo({
        top: height,
        behavior: 'smooth'
      })
    },

    goAnthor(selector) {
      document.querySelector(selector).scrollIntoView({
        behavior: 'smooth'
      })
    },