js/infiscroll.js
2022-05-16 19:35:48 +02:00

26 lines
808 B
JavaScript

function belowviewport(){
var top = $(window).scrollTop();
top += $(window).height();
top += 5;
//add 10% of the viewport height to the top
top += $(window).height() * 0.1;
return top;
}
//create div for infiscroll in jquery
$(document).ready(function(){
$('body').append('<div id="infiscroll_div"></div>');
$('#infiscroll_div').css({
'position':'absolute',
'width':'1px',
'height':'1px',
'overflow':'scroll',
'z-index':'100',
'top':belowviewport()+'px',
//position it via top a bit lower than bottom of the page
});
//on page scroll move infiscroll div a bit lower than viewport
$(window).scroll(function(){
$('#infiscroll_div').css('top',belowviewport()+'px');
});
});