Thank you For your fast response!
I was trying to add a custom code
jQuery(window).on('scroll', function(){
var s = jQuery(window).scrollTop(),
d = jQuery(document).height(),
c = jQuery(window).height();
scrollPercent = Math.floor((s / (d - c)) * 100);
loadingDisplay = document.getElementsByClassName('photonic-loading')[0].style.display;
loading = document.getElementsByClassName('photonic-loading')[0];
if(scrollPercent > 75 && loadingDisplay == 'none'){
document.getElementsByClassName('photonic-more-button')[0].click();
loading.style.setProperty('z-index', '-1', 'important');
loading.style.visibility = 'hidden';
}
if(scrollPercent > 95 && loadingDisplay == 'block'){
loading.style.setProperty('z-index', '999999', 'important');
loading.style.visibility = 'visible';
}
function loading_status(){
status = 'not loading';
if(loadingDisplay == 'block') status = 'loading...';
return status;
}
// For testing
// console.clear();
// console.log(scrollPercent +'% ' + loading_status());
});
Works like a charm!
-
This reply was modified 1 year, 6 months ago by shilo105.