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实现的手风琴侧边菜单效果
Mar 29 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
jQuery实现手势解锁密码特效
Aug 14 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
简单实现jQuery弹窗效果
Oct 30 jQuery
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
详解jquery和vue对比
Apr 16 jQuery
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
jQuery实现朋友圈查看图片
Sep 11 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
通过文字传递创建的图形按钮
2006/10/09 PHP
基于mysql的论坛(7)
2006/10/09 PHP
php mysql Errcode: 28 终极解决方法
2009/07/01 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
PHP 7.4 新语法之箭头函数实例详解
2019/05/09 PHP
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
2013/10/08 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
JavaScript实现搜索框的自动完成功能(一)
2016/02/25 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
React 无状态组件(Stateless Component) 与高阶组件
2018/08/14 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
2018/08/31 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
es6数组的flat(),flatMap()函数用法实例分析
2020/04/18 Javascript
vue自动添加浏览器兼容前后缀操作
2020/08/13 Javascript
Python的类实例属性访问规则探讨
2015/01/30 Python
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
TensorFlow实现MLP多层感知机模型
2018/03/09 Python
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
对IPython交互模式下的退出方法详解
2019/02/16 Python
Python定时任务APScheduler的实例实例详解
2019/07/22 Python
Python占用的内存优化教程
2019/07/28 Python
Python中url标签使用知识点总结
2020/01/16 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
供电工程专业求职信
2014/08/09 职场文书
2014年扶贫帮困工作总结
2014/12/09 职场文书