获取scrollTop实现滚动鼠标后悬浮导航
2017-08-16 17:10
232 查看
获取scrollTop:
鼠标滚轮事件:
onscroll
事件;
悬浮导航例子:
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"; } } }
相关文章推荐
- Js实现下拉滚动条(导航滚动数值>100的话自动吸附在TOP上)
- scroll-view标签实现滚动 并获取相关信息
- 获取兼容性的滚动scrollTOP-LEFT值
- 各浏览器对于获取文档水平及垂直方向滚动条位置(scrollLeft、scrollTop)时的参考元素存在差异
- 如何用js实现鼠标向上滚动时浮动导航
- 源生实现滚动页面显示悬浮导航
- scrollTop:在JavaScript中获取当前页面的滚动位置
- scrollTop:在JavaScript中获取当前页面的滚动位置
- 利用AJAX实现鼠标悬浮获取值的代码
- JavaScript基础 获取整个div的宽度 不含滚动条的宽度 向下滚动了多少px offsetWidth scrollWidth scrollTop
- 各浏览器页面滚动值(scrollTop)的获取与设定。
- jQuery 实现 Scroll to Top 滚动到页面顶部
- JavaScript基础 获取整个div的宽度 不含滚动条的宽度 向下滚动了多少px offsetWidth scrollWidth scrollTop
- HTML中 scrollTop++ 不能够实现div向上滚动的原因
- js获取浏览器滚动条垂直滚动距离scrollTop的兼容方法
- AJAX实现鼠标悬浮获取值
- 如何实现网页鼠标浏览左边的导航右边显示对应的页面
- ionic开发——获取ion-scroll滚动条的滚动值
- 仿265网址导航logo的两只眼睛跟随鼠标移动js实现方法