js回到顶部按钮

    js回到顶部按钮，当鼠标从顶部滚动后，显示返回顶部按钮，点击按钮，页面平滑滚动到顶部，按钮隐藏。

//回到顶部
$("#to_top").click(function() {
        // 回到顶部，缓慢滚动
	$("html,body").animate({scrollTop : 0 }, 200);
});
$(document).scroll(function() {
	var scroll_top = $(document).scrollTop();
	//高度多少出现返回顶部，可以随意调整
	if (scroll_top > 100) {
		$("#to_top").show(); //按钮显示
	} else {
		$("#to_top").hide(); //按钮隐藏
	}
});

<!-- 回到顶部 , 一个悬浮的div，根据实际情况选择一个漂亮的图标 -->
<ul class="layui-fixbar">
	<li class="layui-icon layui-fixbar-top" id="to_top" lay-type="top"></li>
</ul>

---

---