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插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery 改变P标签文本值方法
Feb 24 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
jquery实现购物车基本功能
Oct 25 jQuery
jQuery实现动态加载瀑布流
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与XML联手进行网站编程代码实例
2008/07/10 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
2020最新版 PhpStudy V8.1版本下载安装使用详解
2020/10/30 PHP
让您的菜单不离网站
2006/10/03 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
jquery实现简单的遮罩层
2016/01/08 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
JSONP和批量操作功能的实现方法
2016/08/21 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
详解angular笔记路由之angular-router
2017/09/12 Javascript
浅析java线程中断的办法
2018/07/29 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
Python selenium 父子、兄弟、相邻节点定位方式详解
2016/09/15 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
python3格式化字符串 f-string的高级用法(推荐)
2020/03/04 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
解决tensorflow读取本地MNITS_data失败的原因
2020/06/22 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
2013/01/09 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
几道Java和数据库的面试题
2013/05/30 面试题
国际贸易毕业生求职信范文
2014/02/21 职场文书
应届生求职信
2014/05/31 职场文书
通信工程专业求职信
2014/06/04 职场文书
大明湖导游词
2015/02/03 职场文书
Nest.js参数校验和自定义返回数据格式详解
2021/03/29 Javascript
Python面向对象之内置函数相关知识总结
2021/06/24 Python
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js