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获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
jQuery each和js forEach用法比较
Feb 27 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
jQuery实现简单评论功能
Aug 19 jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
php Session存储到Redis的方法
2013/11/04 PHP
php匹配字符中链接地址的方法
2014/12/22 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
php fseek函数读取大文件两种方法
2016/10/12 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
javascript各种复制代码收集
2008/09/20 Javascript
javascript EXCEL 操作类代码
2009/07/30 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
2009/12/15 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
JQuery的$命名冲突详细解析
2013/12/28 Javascript
JQuery跳出each循环的方法
2015/04/16 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
Angular中管道操作符(|)的使用方法
2017/12/15 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
python绘图库Matplotlib的安装
2014/07/03 Python
Python中无限元素列表的实现方法
2014/08/18 Python
Python2.6版本中实现字典推导 PEP 274(Dict Comprehensions)
2015/04/28 Python
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
Python实战之制作天气查询软件
2019/05/14 Python
Python OpenCV实现视频分帧
2019/06/01 Python
django多文件上传,form提交,多对多外键保存的实例
2019/08/06 Python
win10子系统python开发环境准备及kenlm和nltk的使用教程
2019/10/14 Python
np.random.seed() 的使用详解
2020/01/14 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
LookFantastic丹麦:英国美容护肤精品在线商城
2016/08/18 全球购物
小学教师培训方案
2014/06/09 职场文书
创先争优承诺书
2015/01/20 职场文书
任命书标准格式
2015/03/02 职场文书