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绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
Jquery-data的三种用法
Apr 18 jQuery
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
jquery.pager.js分页实现详解
Jul 29 jQuery
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
jQuery实现电梯导航模块
Dec 22 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查看session内容的函数
2008/08/27 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
2014/01/31 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
2016/09/06 Javascript
微信小程序 require机制详解及实例代码
2016/12/14 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
2018/02/22 Javascript
React中如何引入Angular组件详解
2018/08/09 Javascript
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
python通过ElementTree操作XML获取结点读取属性美化XML
2013/12/02 Python
Python显示进度条的方法
2014/09/20 Python
Python栈类实例分析
2015/06/15 Python
python3 实现的人人影视网站自动签到
2016/06/19 Python
css3发光搜索表单分享
2014/04/11 HTML / CSS
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
Java如何支持I18N?
2016/10/31 面试题
物业招聘计划书
2014/01/10 职场文书
招聘单位介绍信
2014/01/14 职场文书
小学生国旗下演讲稿
2014/04/25 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
大学生创业计划书怎么写
2014/09/15 职场文书
见习期个人总结
2015/03/05 职场文书
离婚起诉书范本
2015/05/18 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
高一化学教学反思
2016/02/22 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers