获取scrollTop实现滚动鼠标后悬浮导航
来源:互联网 发布:北京生活软件 编辑:程序博客网 时间:2024/05/22 17:05
获取scrollTop:
document.documentElement.scrollTop || document.body.scrollTop
鼠标滚轮事件:
onscroll
事件;
悬浮导航例子:
//导航悬浮var navT = 0;window.onload = function () { var navBox = document.getElementById("navBox"); var navT = navBox.offsetTop; window.onscroll = function () { var t = document.documentElement.scrollTop || document.body.scrollTop; if (t > navT) { navBox.style.position = "fixed"; navBox.style.top = "0"; } else { navBox.style.position = "absolute"; navBox.style.top = "725px"; } }}
阅读全文
0 0
- 获取scrollTop实现滚动鼠标后悬浮导航
- jQuery实现在鼠标滚动后导航栏保持固定
- jQuery实现在鼠标滚动后导航栏保持固定
- 如何实现鼠标悬浮上去后放大
- AJAX实现鼠标悬浮获取值
- 如何用jQuery实现在鼠标滚动后导航栏保持固定
- 源生实现滚动页面显示悬浮导航
- Selenium 实现鼠标悬浮
- jquery实现随着鼠标滚动固定导航栏
- document.documentElement.scrollTop(获取滚动条位置)
- document.documentElement.scrollTop(获取滚动条位置) .
- 获取兼容性的滚动scrollTOP-LEFT值
- 如何实现鼠标悬浮放大
- Ext实现鼠标悬浮提示
- js鼠标悬浮实现菜单栏
- js实现导航条等滚动后位置固定
- 鼠标悬浮出现列表后点击
- jquery悬浮框,获取鼠标坐标
- js实现分页控件中当前页的页标始终在中间
- Snapdragon Neural Processing Engine
- java-spring个人总结(二)IoC注入、延迟加载、单例多例
- Mybatis通用Mapper
- Oracle语法:merge into using
- 获取scrollTop实现滚动鼠标后悬浮导航
- GYM 101128 A.Promotions【思维+暴力】
- 浅谈---技术转管理可能遇到的 3 大挑战及解决方案
- JQuery基本概念,语法,选择器,事件
- spring-retry
- bzoj 4025 二分图 分治+并查集/LCT
- java.lang.OutOfMemoryError:GC overhead limit exceeded
- java实现web的table导出到excel的3种方法分析
- Linux永久修改系统时间