平滑地回到顶部
2016-11-04 13:37
246 查看
1.当页面滚动到一定位置时显示回到顶部的按钮
$(window).scroll(function () {
var scrollt = document.documentElement.scrollTop + document.body.scrollTop;
if ( scrollt > 200 ){
$(".to-top").fadeIn(500);
} else {
$(".to-top").fadeOut(500);
}
});
2.点击回到顶部,平滑的回到顶部
$(".to-top").click(function(){
$("html,body").animate({scrollTop: 0}, 400);
});
$(window).scroll(function () {
var scrollt = document.documentElement.scrollTop + document.body.scrollTop;
if ( scrollt > 200 ){
$(".to-top").fadeIn(500);
} else {
$(".to-top").fadeOut(500);
}
});
2.点击回到顶部,平滑的回到顶部
$(".to-top").click(function(){
$("html,body").animate({scrollTop: 0}, 400);
});
相关文章推荐
- 原生JS实现平滑回到顶部组件
- JS平滑效果实现回到顶部
- 原生JS实现平滑回到顶部组件
- 网站点击导航栏标题,对应的元素平滑上移以及点击图片或按钮回到页面顶部的特效
- js控制”回到顶部“按钮滚动一屏后再显示和滚动条平滑滚动
- animate平滑回到顶部
- 用jQuery为跳转链接锚点添加平滑滚动动画效果(如回到顶部
- Angularjs 回到顶部指令
- 回到顶部和回到底部动画
- 回到顶部
- (转)回到顶部按钮
- 回到顶部按钮的制作
- 基于jquery的回到页面顶部按钮
- HTML学习笔记之二(回到顶部 与 回到底部)
- js滚动条回到顶部的代码
- JavaScript回到顶部的效果实现
- jquery 回到 顶部
- 回到顶部和返回首页jquery插件
- Android之双击回到顶部
- 页面回到顶部的三种实现(锚标记,js)