如何让DIV绝对+固定？

Question

我想让绝对DIV可以向下滚动，直到它到达页面的顶部，然后它应该变为固定并保持在最前，直到页面再次滚动。

Answer 1

将此代码结束标记前面：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
<script> 
$(function() { 
var top = $('.div').offset().top; 
function scroll(){ 
var scroll = $(window).scrollTop(); 
if (scroll > top) { 
$('.div').css({ 'position': 'fixed', 'top':0 }); 
} else { 
$('.div').css({ 'position': 'absolute','top': top }); 
} 
}; 
$(window).scroll(function() { 
scroll(); 
}); 
}); 

</script> 
<style> 

body {height: 1000px;} 
.header {height: 200px;} 
.div {position: absolute;} 

</style> 

而且在身体使用此代码：

<div class="header">Header or logo company</div> 
<div class="div"> text or menu or other </div>