jquery判断滚动条距离顶部的距离方法


Posted in jQuery onSeptember 05, 2018

实例如下:

// 滑动滚动条
$(window).scroll(function(){
// 滚动条距离顶部的距离 大于 200px时
if($(window).scrollTop() >= 200){
$(".scroll_top").fadeIn(1000); // 开始淡入
} else{
$(".scroll_top").stop(true,true).fadeOut(1000); // 如果小于等于 200 淡出
}
});

以上这篇jquery判断滚动条距离顶部的距离方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery返回定位插件详解
May 15 jQuery
jquery网页加载进度条的实现
Jun 01 jQuery
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery 选择器用法基础入门示例
Jan 04 jQuery
jQuery 图片查看器插件 Viewer.js用法简单示例
Apr 04 jQuery
使用jQuery实现购物车
Oct 29 jQuery
jQuery实现基本淡入淡出效果的方法详解
Sep 05 #jQuery
jquery获取元素到屏幕四周可视距离的方法
Sep 05 #jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 #jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 #jQuery
使用jQuery给Table动态增加行、清空table的方法
Sep 05 #jQuery
jQuery常见的遍历DOM操作详解
Sep 05 #jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 #jQuery
You might like
php实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
PHP 采集程序中常用的函数
2009/12/09 PHP
linux下为php添加curl扩展的方法
2011/07/29 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
php使用qr生成二维码的示例分享
2014/01/20 PHP
详解ThinkPHP3.2.3验证码显示、刷新、校验
2016/12/29 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
php redis setnx分布式锁简单原理解析
2020/10/23 PHP
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
Python双向循环链表实现方法分析
2018/07/30 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
2019/01/29 Python
Django 反向生成url实例详解
2019/07/30 Python
解决Keras使用GPU资源耗尽的问题
2020/06/22 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
PAUL HEWITT手表美国站:德国北部时尚生活配饰品牌,船锚元素
2017/11/18 全球购物
Ralph Lauren英国官方网站:Ralph Lauren UK
2018/04/03 全球购物
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
武汉某公司的C#笔试题面试题
2015/12/25 面试题
金融专业个人的自我评价
2013/10/18 职场文书
自荐信不宜过于夸大
2013/11/06 职场文书
实习心得体会
2014/01/02 职场文书
家长对老师的评语
2014/04/18 职场文书
法制宣传日活动总结
2014/04/29 职场文书
2014年国庆节演讲稿
2014/09/19 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
《金色的草地》教学反思
2016/02/17 职场文书