Back to top

This link uses Bootstrap's affix and should be a direct child of the body of the HTML document. It should be near the end.

{{#markdown}} ```xml {{> back-to-top showOptions=true }} ``` {{/markdown}}

This component must be initialized with JavaScript. It is displayed when the user has scrolled two times to viewport height.

{{#markdown}} ```javascript $(function () { var backToTop = $('.back-to-top'), threshold = 2 * $(window).height(); // Displayed when we've scrolled 2x the viewport height if (backToTop.length === 0 || $(document).height() < threshold) { return; } backToTop.affix({ offset: { top: threshold } }); // Smooth scroll to top backToTop.click(function () { $('html, body').animate({ scrollTop: 0 }, { duration: 750, easing: 'swing' }); return false; // prevent default href }); }); ``` {{/markdown}}