исправлена ​​прокрутка плавающего div

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>

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

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

Answer 1

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

Answer 2

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