您的位置:首页 > 运维架构

获取scrollTop实现滚动鼠标后悬浮导航

2017-08-16 17:10 232 查看
获取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";
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 鼠标 函数