jquery判断滚动条距离顶部的距离方法

更新时间：2018年09月05日 11:26:25 作者：觉罗晓

今天小编就为大家分享一篇jquery判断滚动条距离顶部的距离方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

实例如下：

// 滑动滚动条
$(window).scroll(function(){
// 滚动条距离顶部的距离 大于 200px时
if($(window).scrollTop() >= 200){
$(".scroll_top").fadeIn(1000); // 开始淡入
} else{
$(".scroll_top").stop(true,true).fadeOut(1000); // 如果小于等于 200 淡出
}
});

以上这篇jquery判断滚动条距离顶部的距离方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

jquery和ajax的关系详细介绍
JQuery、AJAX都是Javascript的一个框架，各有各自不同的功能，下面为大家介绍下jquery和ajax的关系，不了解的朋友可以参考下
2013-11-11
jQuery关于导航条背景切换效果实现示例
导航条背景切换的效果，想必大家在浏览网页时可能会碰到过，下面为大家介绍下使用jquery如何实现，具体思路及代码如下，感兴趣的朋友可以参考下
2013-09-09
jQuery ready方法实现原理详解
这篇文章主要介绍了jQuery ready方法实现原理详解的相关资料,需要的朋友可以参考下
2016-10-10
jQuery 选择同时包含两个class的元素的实现方法
下面小编就为大家带来一篇jQuery 选择同时包含两个class的元素的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
jQuery实现的简单对话框拖动功能示例
这篇文章主要介绍了jQuery实现的简单对话框拖动功能,涉及jQuery事件响应、数值运算及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2018-06-06
jquery调整表格行tr上下顺序实例讲解
这篇文章主要为大家介绍了jquery调整表格行tr上下顺序实例，具有一定的参考价值，感兴趣的朋友可以参考一下
2016-01-01
Jquery为a标签的href赋值实现代码
Jquery为a标签的href赋值实现思路如下：先获取选中项的值在使用attr属性为href赋值,有类似需求的朋友可以参考下哈，希望可以帮助到你
2013-05-05
利用jqprint插件打印页面内容的实现方法
qprint是一个基于jquery编写的页面打印的一个小插件，但是不得不承认这个插件确实很厉害，下面这篇文章主要给大家介绍了关于利用jqprint插件如何打印页面内容的实现方法，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
2018-01-01
jQuery中focus事件用法实例
这篇文章主要介绍了jQuery中focus事件用法,以实例形式分析了获取焦点时focus事件的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
2014-12-12
jQuery HTML设置内容和属性操作实例分析
这篇文章主要介绍了jQuery HTML设置内容和属性操作,结合实例形式分析了jQuery HTML设置内容和属性相关函数与操作注意事项,需要的朋友可以参考下
2020-05-05