【jQuery】scroll 滚动到顶部
2015-08-17 10:33
666 查看
Jquery 实现页面滚动到顶端
注意:.back-to-top 的position:fixed;之后就可以了。
$(document).ready(function () { // 滚动窗口来判断按钮显示或隐藏 $(window).scroll(function () { //根据滚动条距顶部位置,显示还是隐藏top按钮 if ($(this).scrollTop() > 150) { $('.back-to-top').fadeIn(100); } else { $('.back-to-top').fadeOut(100); } }); // jQuery实现动画滚动按钮事件 $('.back-to-top').click(function (event) { event.preventDefault(); $('html, body').animate({ scrollTop: 0 }, 500); }) });
注意:.back-to-top 的position:fixed;之后就可以了。
相关文章推荐
- jquery当文档载入完毕就执行
- jQuery--包裹节点
- jQuery属性,方法操作
- jQuery通过jquery.form.js插件使用AJAX提交Form表单
- jQuery幻灯片带缩略图轮播效果代码分享
- jquery中validate插件表单验证
- 【Ajax技术】JQuery处理XML数据
- jQuery中的datatable 插件新增一行
- 四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现
- jQuery基础----24jQuery扩展-noConflict
- jQuery基础----23jQuery扩展-jQuery扩展
- jQuery基础----22jQuery AJAX-加载片段
- jQuery基础----21jQuery AJAX-异步访问
- 天猫首页迷思之-jquery实现整个div的懒加载(2)-插件面向对象化-闭包和原型的实例
- jQuery AJAX
- Jquery学习笔记
- jQuery幻灯片带缩略图轮播效果代码分享
- 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
- jquery+css3实现网页背景花瓣随机飘落特效
- jquery实现动静态条形统计图