[Resolvido] Menu Flutuante rola dentro da <DIV>
Salve, Galera!
Estou precisando de uma ajuda de vocês.
Preciso limitar a rolagem do menu dentro da <div id="boxMenuVertical">...
JS
<script language="javascript">
$(function() {
var offset = $(".boxAtuacaoLista").offset();
var topPadding = 60;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$(".boxAtuacaoLista").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$(".boxAtuacaoLista").stop().animate({
marginTop: 0
});
};
});
});
</script>
CSS
<style type="text/css">
#boxMenuVertical{position:relative; border:1px solid #FFF; width:250px; height:2000px; margin:0px auto 0px 734px; }
.boxAtuacaoLista{width:241px; margin:0px; position:absolute;}
</style>
HTML
<div id="boxMenuVertical">
<div class="boxAtuacaoLista">
<!-- Itens do Menu -->
<div class="itemNavAreaAtuacao" style="width:100%;">
<h3><a href="XXXXX">Teste</a></h3>
</div>
</div>
</div>Discussão (11)
Carregando comentários...