如何制作DIV absolute+fixed？

Question

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

Answer 1

将此代码放在结束head标记之前：

<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>

并在body中使用以下代码：

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