滑动页面时 消息动态fixed的html,滚动页面时DIV到顶部时fixed(原生js实现)

菜单滚动至顶部后固定-柯乐义

.wrapper{width:1000px;height:2000px;margin-left:auto;margin-right:auto;}

.header{height:150px;}

#nav_keleyi_com{padding:10px;position:relative;top:0;background:#125430;width:1000px;}

a{display:inline-block;margin:0 10px;*display:inline;zoom:1;color:white;}

.NET

Javascript

jQuery

C#

其他

首页

target="_blank">ASP.NET

MVC

function menuFixed(id){

var obj = document.getElementById(id);

var _getHeight = obj.offsetTop;

window.onscroll = function(){

changePos(id,_getHeight);

}

}

function changePos(id,height){

var obj = document.getElementById(id);

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

if(scrollTop < height){

obj.style.position = 'relative';

}else{

obj.style.position = 'fixed';

}

}

window.onload = function(){

menuFixed('nav_keleyi_com');

}