滚动页面时浮动菜单栏上的图像

Question

我试图在滚动页面时实现菜单栏，但DIV中的图像不遵循可见性（始终打开）。

如何使图像跟随菜单栏？

由于

这是代码

SCRIPT：

<script>
//STICKY NAV
$(document).ready(function () {  

  $(window).scroll(function (event) {
    // what the y position of the scroll is
    var y = $(this).scrollTop();

    // whether that's below the form
    if (y >= 30) {
      // if so, ad the fixed class
      $('.logo').addClass('fixed');
    } else {
      // otherwise remove it
      $('.logo').removeClass('fixed'); 
    }
  });
});

</script>

HTML：

<div class="logo">
<img src="img/logo001.png" />
</div>

CSS：

.logo.fixed {
    position:fixed;
    width:100%;
    background: #000;
    height: 60px;
    pagging-left:8%;    
    z-index:9999;
}