[Resolvido] Menu Flutuante rola dentro da <DIV>

[Eduardo Villa 2]

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>

[Henrique Barcelos 290]

Qual o problema? O que acontece? O que não acontece?

[Eduardo Villa 2]

Henrique Barcelos, ele está passando da altura que determinei na <div id="boxMenuVertical"> de fora...

[Henrique Barcelos 290]

if ($('#boxMenuVertical').offset().top > offset.top) {

Tente assim...

 

[Eduardo Villa 2]

Colocando como você passou ele nem rola conforme vai abaixando a <DIV>

if ($('#boxMenuVertical').offset().top > offset.top) {
   $(".boxAtuacaoLista").stop().animate({
       marginTop: $(window).scrollTop() - offset.top + topPadding
   });
} else {
   $(".boxAtuacaoLista").stop().animate({
       marginTop: 0
   });
};

[Henrique Barcelos 290]

Tente assim então:

$('#boxMenuVertical').scrollTop() > offset.top

[Eduardo Villa 2]

Henrique Barcelos, das duas formas que você apresentou não funciona a rolagem do menu...

[Henrique Barcelos 290]

Henrique Barcelos, ele está passando da altura que determinei na <div id="boxMenuVertical"> de fora...

Estou testando aqui, não estou entendendo qual é a 'altura que você determinou'...

[Eduardo Villa 2]

Na <div id="#boxMenuVertical"> (de fora) coloquei no CSS height de 2000px.

Então gostaria que o menu rolasse se limitando a ela...

[Henrique Barcelos 290]

Aqui isso acontece, testei no Chrome e no Firefox.

O problema se dá no fim ou no começo da rolagem?

[Eduardo Villa 2]

NO fim da rolagem Henrique, o começo está certinho...

[Eduardo Villa 2]

Nem sei como fiz, mas resolveu...

Valew pela ajuda