JQUERY实现判断鼠标往上滚往下滚的功能。
来源:互联网 发布:软件测试理论基础知识 编辑:程序博客网 时间:2024/06/10 14:52
在bootstrap中文网上发现一个插件headroom.js,可以实现鼠标下滚导航栏消失,鼠标上滚导航栏出现的效果。
自己用JQUERY写了一个,通过判断差值的原理,来判断鼠标是上滚还是下滚。
<script> var scrolltop = new Array(); var i = 0; scrolltop[0] = 0; $(document).scroll(function(){ i++; scrolltop[i] = $(document).scrollTop(); if (scrolltop[i] > scrolltop[i-1]) { $("#header").fadeOut() }else{ $("#header").fadeIn() }; })</script>
0 0
- JQUERY实现判断鼠标往上滚往下滚的功能。
- jquery实现的滚屏效果
- 在DBGrid中实现鼠标滚轮的上下滚屏功能
- js判断鼠标滚动放下,向上滚还是向下滚?
- js判断鼠标滚动放下,向上滚还是向下滚?
- jquery实现滚屏效果
- WPF之修改变色,回滚功能的实现
- jQuery_review之textarea滚动条往上往下的实现
- 实现游戏中的文字滚屏功能
- 实现游戏中的文字滚屏功能
- 实现游戏中的图片滚屏功能
- Jquery实现滚轮滚到底事件
- jquery实现无刷新滚屏加载
- jquery(js)判断页面滚动条(scroll)是向上滚还是向下滚方向判断
- 让tableView滚到顶部的功能
- 判断listview向上滚还是向下滚
- jsp 滚屏特效的jquery
- JQuery 图片滚动轮播的雏形
- iOS —— IOS8适配
- C#泛型与委托
- 前端不为人知的一面--前端冷知识集锦
- Lifecycle(生命周期)和Phase(阶段)
- jquery.autocomplete样本
- JQUERY实现判断鼠标往上滚往下滚的功能。
- PyQt4 学习笔记1基本框架
- 修改主机域名
- DNS服务
- 第一章:在IDEA里搭建基于Forge的Minecraft mod开发环境
- 控制反转(IoC)与依赖注入(DI)
- android This tag and its children can be replaced by one <TextView/> and a compound drawable 布局文件提示
- ShellExecute调用程序出现R6010 -abort() has been called
- MG3732使用笔记