фиксированной плавающей ДИВ прокрутки

Question

<div class="top-head>some content</div> 
<div class="b_head">this div will stay at top as user scrolls</div> 

.b_head { 
height: auto; 
z-index: 12; 
position: relative; 
display: block;} 

<script type='text/javascript'> 
$(document).load(function() { 
$window = $(window), 
$sidebar = $(".b_head "), 
sidebarTop = $sidebar.position().top, 
$sidebar.addClass('fixed'); 

$window.scroll(function(event) { 
    scrollTop = $window.scrollTop(), 
    topPosition = Math.max(0, sidebarTop - scrollTop), 
    $sidebar.css('top', topPosition); 
}); 
}); 
    </script> 

выше мой код пытается получить .b_head DIV плавать на вершине, когда пользователь прокручивает страницу (похожую на 9gag.com плавающий заголовок), но он не работает, может кто-нибудь мне помочь вне.

если я изменю положение: зафиксировано; для b_head, тогда между ним и верхней частью страницы будет пустое пространство, так как над ним находится еще один div.

Answer 1

вам нужно иметь это position:fixed; top:0;left:0;

Answer 2

.b_head { 
    height: auto; 
    position: fixed; 
    z-index:15; 
}