如何用jQuery制作长尾词搜索的返回顶部火箭动画？

本文共计541个文字，预计阅读时间需要3分钟。

jQuery 实现小火箭返回顶部案例 #rocket { position: fixed; bottom: 20px; right: 20px; display: none; cursor: pointer; }

滚动页面查看效果

小火箭

jquery实现小火箭返回顶部案例，供大家参考，具体内容如下

1. 滚动页面，当页面距离顶部超出1000px，显示小火箭。

封装在scroll函数里，当前页面距离顶部为$(window).scrollTop >=1000

小火箭显示和隐藏用fadeIn和fadeOut

//当页面超出1000px的时候，让小火箭显示，如果小于1000px，则隐藏 $(window).scroll(function () { if ($(window).scrollTop() >= 1000) { $(".actGotop").stop().fadeIn(1000); } else { $(".actGotop").stop().fadeOut(1000); } }) });

2. 当小火箭出现后，点击小火箭，返回到页面顶部。