[JavaScript知识库]vue之页面滑动到指定div（点击页面下滑滚动）

三种方法

<div @click="go">点击下滑</div>
<div id="show" ref="view">展示</div>

1、利用scrollIntoView()方法，该方法将调用它的元素滚动到浏览器窗口的可见区域（根据其他元素的布局，元素可能无法完全滚动到顶部或底部）
ps：页面可滚动时才有用！！！

methods:{
    go(){
      document.getElementById("show").scrollIntoView();
      /*或
      document.querySelector("#idshow").scrollIntoView();
  	  或
  	  this.$refs.view.scrollIntoView();
  	  */
    }
  }

2、通过scrollTop设置滚动距离
（1）scrollTop=0,没有滚动
（2）scrollTop>0,有滚动距离，但没有滚动到底部
（3）scrollTop=scrollHeight-clientHeight,滚动到了底部

//监听scroll
this.$refs.wrapper.addEventListener('scroll', this.judgeScroll);

methods:{
	goAnchor(){
  		this.$refs.view.scrollTop = 距离
	}
}

3、使用a标签锚点
不适合在vue.js项目中使用，会干扰路由里的hash值