$(document).ready(function () { if (document.getElementById("div-gpt-ad-1397738683526-0")) { var pfloat = parseFloat($('#div-gpt-ad-1397738683526-0').css('marginTop').replace(/auto/, 0)); var top = $('#div-gpt-ad-1397738683526-0').offset().top; // var footertop = $('#div-gpt-ad-1397738683526-3').offset().top - parseFloat($('#div-gpt-ad-1397738683526-3').css('marginTop').replace(/auto/, 0)) - 895; // var footertop = $('#div-gpt-ad-1397738683526-3').offset().top - 695; var footertop = document.getElementById('myscrolldiv').offsetHeight - 300; $(window).scroll(function (event) { // what the y position of the scroll is var y = $(this).scrollTop(); var x = $(this).scrollLeft(); var mytop = Math.max(0, Math.min(y, footertop) - top); var newtop = mytop + 90; // document.getElementById('readout').innerHTML = "
ALT: " + alttop + "
FOOTER: " + footertop; // document.getElementById('readout').innerHTML = "X: " + x + "
Y: " + y + "
TOP: " + top + "
MYTOP: " + mytop + "
LEFT: " + left + "
FOOTERTOP: " + footertop; // document.getElementById('comment').style.left = myleft; // console.log('x:' + x + ' y:' + y + ' top:' + top + ' footertop:' + footertop + ' mytop:' + mytop + ' newtop:' + newtop); // Stop follow scroll if (y >= footertop || Math.abs(x) > 10){ $('#div-gpt-ad-1397738683526-0').removeClass('fixed'); document.getElementById('div-gpt-ad-1397738683526-0').style.top = newtop + "px"; } // Follow scroll else if (y >= 350) { $('#div-gpt-ad-1397738683526-0').addClass('fixed'); document.getElementById('div-gpt-ad-1397738683526-0').style.top = 90 + "px"; } // Don't follow scroll else { $('#div-gpt-ad-1397738683526-0').removeClass('fixed'); document.getElementById('div-gpt-ad-1397738683526-0').style.top = 1 + "px"; } }); } });