Free Mod Add "Go to Bottom" in the Navigation Bar

[glennrocksvb]

What's "Go to Top" in the Footer without the "Go to Bottom" in the Navigation Bar? They should work in tandem, right? Unfortunately, not by default in vB5. But worry no more, here's how to add "Go to Bottom" in the Navigation Bar.

1. Logon to your forum as an Admin or a user that has permission to use Sitebuilder.
2. Toggle Edit Site to ON.
3. Click Navigation Bar.
4. Click "New Navigation Item" button under Main Navigation Bar.
5. Enter "Go to Bottom" or whatever label you want in the Navigation Item Name field.
6. Enter # in the Target URL field.
7. Enter the below code in the Link Attributes field.
   

   onclick="if (window.jQuery) {$('body,html').animate({ scrollTop: $(document).height() }, 800)} else { document.getElementById('footer').scrollIntoView({behavior: 'smooth'})} return false;"

8. Click OK button.
9. [Optional] Drag and drop "Go to Bottom" to re-order it in the Navigation Bar.
10. Click Save Changes.

Enjoy!

[Snowhog]

Sweetness!

[danielmorashov]

how to add the icon?

[glennrocksvb]

What icon do you want to add? On this site's navigation bar, I just added the arrow symbol ▼ as part of the text.

[flohse]

Does anybody know how to align the Go to Bottom to the right in the navigation bar? Is it possible?

Frank

[glennrocksvb]

I assume the Bottom menu item is the last item in the menu. If so, then add this custom CSS in css_additional.css template:

.l-desktop #channel-tabbar .channel-tabbar-list {
    width: 100%;
}

.l-desktop #channel-tabbar .channel-tabbar-list li:last-child {
    float: right;
}