导航固定在顶部的，要求导航随着页面往下走950像素之后更换logo，js怎么写？

JavaScript011

导航固定在顶部的，要求导航随着页面往下走950像素之后更换logo，js怎么写？,第1张

window.onscroll = function() {

var topH = document.documentElement.scrollTop || document.body.scrollTop//获取距离页面顶部的距离

var ele = document.getElementById("top")//你的导航栏id

if( topH >= 80 ) {//当距离顶部超过XXX

             //换logo的代码

} else {

    //恢复第一个logo的代码

} 

}

导航栏的css用定位悬浮即可

使元素固定在网页中，不需要用到JS的，只需要用到CSS样式就可以了。

使用css 中的   position:fixed fixed是相对于浏览器的定位，设置了这个样式的元素将不会随页面滚动而改变位置，固定在屏幕中。

如 ：

.classname {

position:fixed

left:0

top:0

z-index:9999

}