1, 假设返回顶部的按钮的class名为bkt。
那么下面代码的作用是,当页面滚动1000px之后,渐入显示。
那么滚动距离小于1000px,就是渐出隐藏。
(需要默认的时候就要通过css把bkt按钮隐藏起来。)
$(window).on("scroll",function () { var backtop = $(".bkt"); if ($(this).scrollTop() > 1000) { backtop.stop().fadeIn(300); } else { backtop.stop().fadeOut(300); } });
2,下面几段代码的作用是点击bkt按钮后,让页面自动滚动到顶部。
滚动时,时间曲线为:easeOutQuint。
需要注意的是,使用时间曲线时一定要在这之前调用jQuery Easing框架。
$(".bkt").on("click",function () { $('body,html').animate({ scrollTop: 0 },1600, 'easeOutQuint'); return false; });
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。