回到顶部，回到底部

最新推荐文章于 2023-02-11 11:53:01 发布

原创最新推荐文章于 2023-02-11 11:53:01 发布 · 833 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#function

jQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种通过JavaScript控制页面滚动位置的方法，包括如何使用按钮实现页面上下滚动，以及滚动到页面顶部和底部的具体代码实现。

$("#btnDown").click(function(){
	var a = $(document).height() - $(window).height()
	$('body').animate( { scrollTop : $(document).height() - $(window).height() }, 1000);
	//$(document).scrollTop($(document).height() - $(window).height());
});
$("#btnUp").click(function(){
	$('body').animate( { scrollTop : 0 }, 1000);
	//$(document).scrollTop(0);
});