jquery插件回到顶部特效(滚动条到底部时出现)

发布时间:2020-04-22编辑:脚本学堂
如何用jquery实现回到顶部的效果,只有当滚动条到达页面底部时,才会出现回到顶部按钮,用户体验更好,jquery返回顶部代码示例,需要的朋友参考下。

jquery插件实现回到顶部,回到顶部插件,调用方法:
 

$(“.go-top”).goToTop({});
$(window).bind(‘scrollresize’,function(){
$(“.go-top”).goToTop({});
});

在方法中,可以传一些参数,也可以设置一些参数默认值:
 

pageWidth:950, //页面宽度
pageWidthJg:10, //按钮和页面的间隔距离
pageHeightJg:50, //按钮和页面底部的间隔距离
startline:20, //出现回到顶部按钮的滚动条scrollTop距离
duration:200, //回到顶部的速度时间
showBtntime:100, //显示隐藏回到顶部按钮的速度时间
targetObg:”body” //目标位置