Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
sou novata na área de programação e preciso de uma ajuda.
Preciso criar um menu lateral que flutue de acordo com a rolagem mas somente dentro da <DIV> em que ele esta dentro.
Atualmente ele esta flutuando enquando há rolagem, ou seja, sobrepoe até o rodape.
Javascript:
<script language="javascript">
$(function() {
var offset = $("#menu-flutuante").offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#menu-flutuante").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#menu-flutuante").stop().animate({
marginTop: 0
});
};
});
});
</script>
HTML:
<div id="sidebar">
<div id="menu-flutuante">
<ul>
<li>Garantias Patrimoniais</li>
<li><a href="" title="Aeronáutico">Aeronáutico <span>»</span></a></li>
</ul>
</div>
</div>
CSS:
#menu-flutuante{
left:0px;
margin:0;
padding:0;
position:absolute;
top:150px;
}
#sidebar{
float:left;
height:1000px;
position:relative;
width:220px;
}
Alguém saberia como resolver?
Obrigada!
=)
Carregando comentários...