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 20 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
Jquery $.map使用方法实例详解
Sep 01 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 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
PHP抓取及分析网页的方法详解
2016/04/26 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
基于promise.js实现nodejs的promises库
2014/07/06 NodeJs
jquery实现红色竖向多级向右展开的导航菜单效果
2015/08/31 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
2015/09/21 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
JS公共小方法之判断对象是否为domElement的实例
2016/11/25 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
通过示例彻底搞懂js闭包
2017/08/10 Javascript
利用vue.js把静态json绑定bootstrap的table方法
2018/08/28 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
[07:49]2014DOTA2国际邀请赛 Newbee夺冠后采访xiao8坦言奖金会上交
2014/07/23 DOTA
[36:16]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.19
2020/12/24 DOTA
python写入xml文件的方法
2015/05/08 Python
Python操作串口的方法
2015/06/17 Python
Python实现读取并保存文件的类
2017/05/11 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
python用什么编辑器进行项目开发
2020/06/17 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
收银员岗位职责
2014/02/07 职场文书
财务总监岗位职责
2014/03/07 职场文书
职工年度考核评语
2014/12/31 职场文书
地震慰问信
2015/02/14 职场文书
物流业务员岗位职责
2015/04/03 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
三八节活动主持词
2015/07/04 职场文书
装修安全责任协议书
2016/03/22 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书
Hive常用日期格式转换语法
2022/06/25 数据库