js回到顶部按钮


    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>




js 回到顶部按钮

2020.11.22 01:20

https://www.meihaocloud.com.com/1023.html , 欢迎转载,请在文章页标出原文连接 !


Copyright © 2020 千夕网 联系站长

粤公网安备 44030302001408号 粤ICP备19099833号-1