1. 程式人生 > >js控制導航滾動

js控制導航滾動

div ntb float off 標簽 cti 滾動 position lse

通過js獲取視口高度,當超過高度時改變position的值為fixed,html在相應標簽加入id= "float"

/**
* Created by 劉吳江 on 2018/5/1.
*/
window.onload=
function(){
var oDiv = document.getElementById("float"),
H = 0,
Y = oDiv
while (Y) {H += Y.offsetTop; Y = Y.offsetParent}
window.onscroll = function()
{
var s = document.body.scrollTop || document.documentElement.scrollTop
if(s>H) {
oDiv.style = "position:fixed;top:0;"
} else {
oDiv.style = ""
}
}
}

js控制導航滾動