Js
function menuFixed(id){
var obj = document.getElementById(id);
var _getHeight = obj.offsetTop;
window.onscroll = function(){
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if(scrollTop == _getHeight){
obj.style.position = 'relative';
}else{
obj.style.position = 'fixed';
}
}
}
Html
<div id="nav"abcd</div>
<script>
window.onload = function(){
menuFixde('nav');
}
</script>