I'm loading an iframe on the page when a user scrolls down the page and hits 500px but the problem I came across is preventing the content from re-loading. Every time you hit the 500 mark, the content re-loads itself. Can anyone tell me how to load it once?
jQuery(document).scroll(function () {
var y = jQuery(this).scrollTop();
if (y > 500) {
jQuery('#loadme').attr('src', '/my-content.html');} });
This code works but I'm having trouble figuring out how I can get this to work when multiple tables have hidden tbody. Right now, if there is at least 1 table with 1 row visible, then tables with hidden rows won't get hidden because the function isn't being applied to each table...Sunday at 7:00 for example.