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获取radio选中的值
May 05 jQuery
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
jQuery实现放大镜案例
Oct 19 jQuery
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 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中time(),date(),mktime()区别介绍
2013/09/28 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
javascript getElementsByName()的用法说明
2009/07/31 Javascript
JavaScript 基础知识 被自己遗忘的
2009/10/15 Javascript
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
2013/01/11 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
ECMAScript 5中的属性描述符详解
2015/03/02 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
bootstrap select2插件用ajax来获取和显示数据的实例
2018/08/09 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
vue 实现购物车总价计算
2019/11/06 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
微信跳一跳python代码实现
2018/01/05 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
python中wx模块的具体使用方法
2020/05/15 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
大课间活动实施方案
2014/03/06 职场文书
追悼会主持词
2014/03/20 职场文书
交通事故协议书范文
2014/04/16 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
设立有限责任公司出资协议书
2014/11/01 职场文书
优秀高中学生评语
2014/12/30 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
python 使用Tensorflow训练BP神经网络实现鸢尾花分类
2021/05/12 Python