如何讓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>