滚动到顶部
2016-07-30 16:41
127 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xiaoheheo/article/details/52073528
//滚动到顶部
$('#scrTop').click(function(){
$('html,body').animate({'scrollTop':0},500);
});
//显示隐藏top按钮
$(window).scroll(function(){
if($(window).scrollTop()>300){
$('#scrTop').fadeIn(300);
}else{
$('#scrTop').fadeOut(300);
}
});
说明:
jquery的animate,不仅仅是可以设置css,还可以设置scrollTop这种js特有的属性
$('#scrTop').click(function(){
$('html,body').animate({'scrollTop':0},500);
});
//显示隐藏top按钮
$(window).scroll(function(){
if($(window).scrollTop()>300){
$('#scrTop').fadeIn(300);
}else{
$('#scrTop').fadeOut(300);
}
});
说明:
jquery的animate,不仅仅是可以设置css,还可以设置scrollTop这种js特有的属性
相关文章推荐
- jQuery实现页面滚动时元素智能定位,页面导航栏会自动定位到浏览器顶部
- js滚动条滚动到底部和顶部
- Jquery DIV滚动至浏览器顶部位置固定
- 解决UIScrollView中嵌入UITableVIew无法点击StatusBar滚动到顶部
- Android 如何 ListView 判断滚动到最顶部或者底部
- jquey控制元素滚动条,外层div滚动,内层顶部div固定不动
- RecyclerView 调用notifyDataSetChanged()方法刷新后 自动滚动到顶部 问题解决办法
- 监听Listview的滚动状态,是否滚动到了顶部或底部
- 鼠标滚动事件:回到顶部按钮
- vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
- 页面滚动到顶部
- jQuery实现页面滚动时顶部动态显示隐藏
- 页面滚动之回到顶部
- 滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示
- ios下弹出软键盘后header会随着页面的滚动而消失在顶部
- 【转载】zepto返回顶部--滚动条控制
- 详解三种方式实现平滑滚动页面到顶部的功能
- jQuery实现页面滚动时顶部动态显示隐藏
- Android仿微博个人详情页滚动到顶部的实例代码
- jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]