Back to top link on longer pages with dynamic content

Question

I have a slight problem with the way my pages work and the back to top link I am using.

The back to top link works well on static pages but if I reveal more content (dynamically making the page longer) it doesn't recalculate the height of the window. This must be a common problem - I suspect?

Here is the javascript for the back to top link generation:

// Affixes the "back to top" button
if ( (jQuery(window).height() + 200) < jQuery(document).height() ) {
jQuery('#top-link-block').removeClass('hidden').affix({
    // how far to scroll down before link "slides" into view
    offset: {
        top: 200
    }
});

}

Answer 1

I have just realised that this method is a bit flawed. Instead I opted for some code that uses the scroll function rather than trying to determine the window/document height. Works much better:

http://www.developerdrive.com/2013/07/using-jquery-to-add-a-dynamic-back-to-top-floating-button-with-smooth-scroll/