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 Validate 校验多个相同name的方法
May 18 jQuery
jquery append与appendTo方法比较
May 24 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jQuery无冲突模式详解
Jan 17 jQuery
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 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操作MySQL事务实例
2014/11/05 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
B/S开发中常用javaScript技术与代码
2007/03/09 Javascript
JQuery实现自定义对话框的代码
2008/06/15 Javascript
JavaScript 比较时间大小的代码
2010/04/24 Javascript
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
深入浅析javascript继承体系
2017/10/23 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
详解JavaScript中的Object.is()与"==="运算符总结
2020/06/17 Javascript
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
Python使用剪切板的方法
2017/06/06 Python
TensorFlow实现Logistic回归
2018/09/07 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
2019/03/26 Python
新建文件时Pycharm中自动设置头部模板信息的方法
2020/04/17 Python
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
高分子材料与工程专业推荐信
2013/12/01 职场文书
体育专业个人求职信范文
2013/12/27 职场文书
公司培训心得体会
2014/01/03 职场文书
企业安全生产责任书
2014/04/14 职场文书
《猴子种果树》教学反思
2014/04/26 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
单位单身证明样本
2014/10/11 职场文书
保送生自荐信
2015/03/06 职场文书
小学班主任教育随笔
2015/08/15 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书
Django如何创作一个简单的最小程序
2021/05/12 Python
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
JavaScript的function函数详细介绍
2021/11/20 Javascript
世界十大狙击步枪排行榜
2022/03/20 杂记