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 相关文章推荐
简单谈谈require模块化jquery和angular的问题
Jun 23 jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
jQuery zTree插件快速实现目录树
Aug 16 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
jQuery实现回到顶部效果
Oct 19 jQuery
jquery实现加载更多"转圈圈"效果(示例代码)
Nov 09 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 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
php操作xml并将其插入数据库的实现方法
2016/09/08 PHP
javaScript - 如何引入js代码
2021/03/09 Javascript
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
Javascript 更新 JavaScript 数组的 uniq 方法
2008/01/23 Javascript
基于jquery的表头固定的若干方法
2011/01/27 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
2014/01/07 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
2014/01/22 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
js密码强度实时检测代码
2016/03/02 Javascript
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
2016/06/24 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
vue 使用html2canvas将DOM转化为图片的方法
2018/09/11 Javascript
vue中注册自定义的全局js方法
2019/11/15 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
微信小程序抽奖组件的使用步骤
2021/01/11 Javascript
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
python获取指定时间差的时间实例详解
2017/04/11 Python
Python 模拟员工信息数据库操作的实例
2017/10/23 Python
Python reduce()函数的用法小结
2017/11/15 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
宝拉珍选美国官网:Paula’s Choice美国
2018/01/07 全球购物
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
热能动力工程毕业生自荐信
2013/11/07 职场文书
教师党员思想汇报
2014/01/06 职场文书
质检部经理岗位职责
2014/02/19 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
2016年记者节感言
2015/12/08 职场文书
SQL Server表分区删除详情
2021/10/16 SQL Server
使用HttpSessionListener监听器实战
2022/03/17 Java/Android
分享五个Node.js开发的优秀实践 
2022/04/07 NodeJs