Navigation Tree Bar

[Former Member]

i need some help please i like to added Navigation Tree Bar to both top and bottom i have added the code to my global header and its not working this is the code i am using


<script type="text/javascript">

  $(document).ready(function(){

      var navTreeTop = $('#navigation-tree').offset().top + $('#navigation-tree').height();

      $(window).scroll(function(){

          if($(window).scrollTop() > navTreeTop && !$('#navigation-placeholder').length){

              $('#navigation-tree').before('<div id="navigation-placeholder"></div>').insertBefore('.container.quick-reply');

              $('#navigation-placeholder').height($('#navigation-tree').height()).css('margin-bottom',$('#navigation-tree').css('margin-bottom'));

          } else if($(window).scrollTop() < navTreeTop && $('#navigation-placeholder').length) {

              $('#navigation-tree').insertAfter('#navigation-placeholder');

              $('#navigation-placeholder').remove();

          }

      });

  });

</script>
is this the right code and am i placing it in the right area?

Please help thank you

[Former Member]

This may help you:

support.proboards.com/thread/447194/2nd-navigation-tree-bottom-page

Do remember, template edits, and header/footer edits do not show on mobile devices.

[Scott]

@marti1977 , try this instead:

<script type="text/javascript">
   $(document).ready(function(){
       var navTreeTop = $('#navigation-tree').offset().top + $('#navigation-tree').height();
       $(window).scroll(function(){
           if($(window).scrollTop() > navTreeTop && !$('#navigation-placeholder').length){
               $('#navigation-tree').before('<div id="navigation-placeholder"></div>').insertBefore('footer');
               $('#navigation-placeholder').height($('#navigation-tree').height()).css('margin-bottom',$('#navigation-tree').css('margin-bottom'));
           } else if($(window).scrollTop() < navTreeTop && $('#navigation-placeholder').length) {
               $('#navigation-tree').insertAfter('#navigation-placeholder');
               $('#navigation-placeholder').remove();
           }
       });
   });
</script>