Bottom Navigation Buttons

[sneake]

Forum URL: lockn.proboards.com

Is it possible to add navigation buttons to the bottom of a thread? ie, when you reach the end of the thread, have buttons at the bottom that will take you back to the forum you were viewing or the main page?

[Brian]

Hi, sneake.

David Clark made a code for someone previously that moves the navigation tree (the thing towards the top that says ProBoards Support > Support Board > Bottom Navigation Buttons) to the bottom of the page once you've reached it, but I can't seem to find his post where he provides the code.

I've tagged him in this thread so hopefully he'll have some input when he returns on Thursday if he has it saved anywhere.

[sneake]

Awesome! You rock. You say that it "moves" it to the bottom. Is it possible to have one at the top and one at the bottom?

[Brian]

The code moves it to the bottom when you're at the bottom of the page, but also moves it back to the top when you're at the top of the page so the code should essentially give that effect.

[Forever Sunshine]

sneake, here is the code Brian is speaking of that David Clark made for me . . .

Go to Admin > Structure > Headers & Footers > Global Headers & Footers, and place this code in the Header box. It will move the navigation tree down to the bottom on long pages in the event that you're closer to the bottom of the page than the top.


<script>
$(document).ready(function() {
   var position = "top"
   $(window).scroll(function () {
       if ($(window).scrollTop() > $('body').height() / 2 && position == "top") {
           $('#navigation-tree').insertAfter('.container:last');
           position = "bottom"
       } else if ($(window).scrollTop() < $('body').height() / 2 && position == "bottom") {
           $('#navigation-tree').insertBefore('#top-ad-banner');
           position = "top"
       };
   });
});
</script>

[sneake]

Oh man, you guys are so awesome. Our board members will be very pleased!

[sneake]

I know this is a SUPER picky request, but is there anyway I can place it below the Quick Reply box but above the Shoutcast box?

[Brian]

I don't know what that is. All I see is a message with a yellow background below the quick reply.

[sneake]

Ya, we ended up just removing the shoutbox. Haha. Thank you though!

[Little One]

I tried this code and it works fine for the bottom, but when you scroll to the top the nav tree is at the very top of the board above the banner instead of where it belongs just above the thread title.

[moonbeam]

Please start a new thread for your issue. This thread is several months old, and would have been marked as resolved.

[Little One]

I found a different code and solved the issue.