jquery返回顶部
2015-11-01 15:43
681 查看
$(document).ready(function() {
var toTop = $("#toTop");
if ($(window).scrollTop() < 500) {
toTop.hide();
}
$(window).scroll(function() {
if ($(window).scrollTop() < 500) {
toTop.fadeOut("fast");
} else {
toTop.fadeIn("fast");
}
});
toTop.click(function() {
$("html,body").animate({
scrollTop: 0
}, 500);
return false
});
});
这个算是比较符合用户体验的,返回顶部
var toTop = $("#toTop");
if ($(window).scrollTop() < 500) {
toTop.hide();
}
$(window).scroll(function() {
if ($(window).scrollTop() < 500) {
toTop.fadeOut("fast");
} else {
toTop.fadeIn("fast");
}
});
toTop.click(function() {
$("html,body").animate({
scrollTop: 0
}, 500);
return false
});
});
这个算是比较符合用户体验的,返回顶部
相关文章推荐
- jquery获取option自定义属性
- jquery获取节点实现隐藏和显示
- jquery表单验证
- jQuery源码分析之ajaxPrefilters方法
- S2SH+ajax+json-----jQuery中$.ajax解析xml、json格式数据
- js&jquery添加元素
- jQuery源码分析之jQuery.param方法详解
- 基于Jquery实现万圣节快乐特效
- jquery中ajax的dataType属性包括哪几项
- Nov 1st-jQuery各种插件
- jquery ajax
- JQuery Toggle 事件有记忆性的解决
- jQuery第四课 ——运动
- 利用struts2的json返回方式来控制jquery.validate的remote框架,进行表单验证
- 基于Jquery实现万圣节快乐特效
- 15个基础的jQuery面试问题
- 解决Jquery jsonp请求中dataFilter存在的问题
- jquery validate 插件:(3)校验规则
- jquery validate 插件:(2)简单示例
- jquery 回车事件