滚动条置顶

最新推荐文章于 2024-06-05 11:15:38 发布

亦秦

最新推荐文章于 2024-06-05 11:15:38 发布

阅读量779

点赞数

分类专栏： Vue项目

本文链接：https://blog.csdn.net/lorraine1029/article/details/88827352

版权

Vue项目专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在用这个之前用定时器做滚动条置顶，感觉挺麻烦的，还需要清除定时器。比较懒，发现个比较简单的方法，废话不多说，直接上代码

<template>
	<input type="button" value="test" class="click" @click="backTop()">
</template>

<script>	
export default{
	methods:{
		backTop:function(){
			setTimeout(function animation(){
              var scrollHeight=document.documentElement.scrollTop||document.body.scrollTop;
				if(scrollHeight > 0){
					setTimeout(()=>{
						scrollHeight-=100;
						document.documentElement.scrollTop=scrollHeight;
						animation();
					}, 1)
				}
			},10);
		}
	 }
}
</script>
<style>
</style>