我需要的是当用户向下滚动或停止时隐藏的导航菜单(除了在顶部,它应该是可见的),一旦用户开始向上滚动,菜单应该重新出现。向下滚动时隐藏导航
到目前为止:
HTML:
<div id="wrapper">
<div id="header_nav">
<ul>
<li>Punkt1</li>
<li>Punkt2</li>
<li>Punkt3</li>
<li>Punkt4</li>
</ul>
</div>
</div>
CSS:
* {
padding:0px;
margin:0px;
}
#wrapper {
height:1200px;
width:960px;
background-color:#567;
margin:auto;
}
#header_nav {
position:fixed;
width:960px;
height:auto;
background-color:#678;
}
JQUERY:
$(function(){
$('#header_nav').data('size','big');
});
$(window).scroll(function(){
if($('body').scrollTop() > 0)
{
if($('#header_nav').data('size') == 'big')
{
$('#header_nav').data('size','small');
$('#header_nav').stop().animate({
height:'40px'
},600);
}
}
else
{
if($('#header_nav').data('size') == 'small')
{
$('#header_nav').data('size','big');
$('#header_nav').stop().animate({
height:'100px'
},600);
}
}
});
当我滚动什么都没有发生,我的导航只是一直保持相同的整个时间。当我向下滚动并暂停时,我希望它隐藏起来,但是一旦我开始向上滚动,我希望它淡入。 但是我似乎无法使它工作,您能告诉我我做错了什么吗?
也做了这里提琴:http://jsfiddle.net/iBertel/GGRUL/
当你说“我似乎无法得到它的工作”你是什么意思?目前的症状是什么?你卡在哪里? – HaemEternal
当我滚动什么都没有发生,我的导航只是保持相同的整个时间...我想隐藏,当我向下滚动并暂停,但一旦我开始向上滚动,我希望它淡入。 – Bertel
没有人有想法关于如何帮我解决这个问题?或者也许它是不可能的? – Bertel