nasa_modal_fix.js

let oneScreen = document.body.offsetHeight - window.innerHeight;
let scrollY = window.scrollY;
let shouldUpdate = true;

document.addEventListener('scroll', () => {
  if (shouldUpdate) {
    scrollY = window.scrollY;
  }
});
window.addEventListener('resize', () => {
  oneScreen = document.body.offsetHeight - window.innerHeight;
  scrollY = window.scrollY;
});

let documentHeight = 0;

async function waitForPageLoaded() {
  documentHeight = document.body.offsetHeight;
  return new Promise(resolve => {
    const interval = setInterval(() => {
      if (document.body.offsetHeight > documentHeight) {
        clearInterval(interval);
        resolve();
      }
    }, 500);
  });
}

async function loadContent(times) {
  if (times < 1) {
    return;
  }
  const loadMore = document.getElementById('trending');
  loadMore.click();
  await waitForPageLoaded();
  await loadContent(times - 1);
}
document.addEventListener('click', async e => {
  const isCloseClick =
    e.target.innerText === 'Close' ||
    e.target.getAttribute('class') === 'gallery-close';
  const isLoadMoreClick = e.target.innerText.toLowerCase() === 'more images';
  shouldUpdate = e.target.nodeName === 'IMG' ? false : isLoadMoreClick;
  if (isCloseClick) {
    const clicksCount = scrollY / oneScreen;
    await loadContent(clicksCount);
    shouldUpdate = true;
    window.scroll({ top: scrollY });
  }
});