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 23 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 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中static静态变量的使用方法详解
2010/06/04 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
php文件缓存类用法实例分析
2015/04/22 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
JS获得URL超链接的参数值实例代码
2013/06/21 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
2016/10/14 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
[00:12]2018DOTA2亚洲邀请赛 Sccc亮相SOLO赛,今年他又会有什么样的战绩?
2018/04/06 DOTA
Python开发之快速搭建自动回复微信公众号功能
2016/04/22 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
Django中的session用法详解
2020/03/09 Python
Python opencv相机标定实现原理及步骤详解
2020/04/09 Python
Python定义一个函数的方法
2020/06/15 Python
详解用Python调用百度地图正/逆地理编码API
2020/07/02 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
详解Html5原生拖拽操作
2018/01/12 HTML / CSS
邮政员工辞职信
2014/01/16 职场文书
大学新闻系求职信
2014/06/03 职场文书
2014年会计工作总结
2014/11/27 职场文书
2015年世界无烟日演讲稿
2015/03/18 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
2015年学校政教处工作总结
2015/05/26 职场文书
2016年教师党员承诺书范文
2016/03/24 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
Tomcat用户管理的优化配置详解
2022/03/31 Servers
MySQL深分页问题解决思路
2022/12/24 MySQL