在页面上，有时需要点击某个图标钮实现返回顶部的效果。
实现方式如下，给图标按钮增加名叫goTop-hook的类。
// 点击返回顶部
$(window).scroll(function() {
if ($(window).scrollTop() >= 100) {
$(".goTop-hook").fadeIn(300)
} else {
$(".goTop-hook").fadeOut(300)
}
})
$(".goTop-hook").bind("click", function() {
$("html").animate({ scrollTop: 0 }, 300)
})
其中的要点为：
1.window滑动时，触发scroll事件，当scrollTop超过100px时，图标按钮淡入（FadeIn），否则淡出（FadeOut）。
2.当图标按钮被点击时，慢慢地回到顶部scrollTop=0处。
3.300为时间单位，一般默认单位为ms。
版权声明：除特别声明外，本站所有文章皆是本站原创，转载请以超链接形式注明出处！
