javascript - "Drop Up"jQuery 中的菜单问题

Question

好的，我真的需要一些帮助。我是设计和其他方面的新手，但我是一个很好的学习者。无论如何，我正在尝试构建这个网站，我需要在页面中间创建一个菜单。就像，有一个标志，当你滚动它时，菜单会滑到它上面，而不是像普通菜单那样滑到下面。脚本运行良好，我正在使用 jQuery 和所有工具，当您滚动时菜单会上升，但问题是，当菜单向上滑动时， Logo 会下降。就像，我希望 Logo 保持固定，只有菜单上去。我不知道我做错了什么，但这让我很头疼……是的，我知道，我是新手，但我才刚刚开始学习这些东西……

这是脚本:

    <script type="text/javascript">
      $(document).ready(function(){

$(".btn-slide").mouseenter(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});

});
      </script>

这是 CSS:

      #panel {
background: #fff;
height: 150px;
display: none;
      }
      .slide {
margin: 0;
padding: 0;
background: url(img/menu/main.jpg) no-repeat center top;
      }
      .btn-slide {
background: url(img/menu/main.jpg) no-repeat right;
text-align: center;
width: 150px;
height: 58px;
padding: 0px 0px 0 0;
margin: 0 auto;
display: block;
color: #fff;
text-decoration: none;
      }
      .active {
      background-image:url(img/menu/main.jpg);
      }

我不会发布 html，因为你们可以在网站上看到源代码。

附言。我在表格单元格中使用了一个 DIV...如果有人可以帮助我...

这是菜单:

http://www.avuzedesigns.com/estiloearte/

Answer 1

#panel {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    height: 150px;

    margin-top: -150px; 
    position: relative; 
}