web-lazy-loader-before.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*
  2. * Copyright 2018 Gildas Lormeau
  3. * contact : gildas.lormeau <at> gmail.com
  4. *
  5. * This file is part of SingleFile.
  6. *
  7. * SingleFile is free software: you can redistribute it and/or modify
  8. * it under the terms of the GNU Lesser General Public License as published by
  9. * the Free Software Foundation, either version 3 of the License, or
  10. * (at your option) any later version.
  11. *
  12. * SingleFile is distributed in the hope that it will be useful,
  13. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  14. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  15. * GNU Lesser General Public License for more details.
  16. *
  17. * You should have received a copy of the GNU Lesser General Public License
  18. * along with SingleFile. If not, see <http://www.gnu.org/licenses/>.
  19. */
  20. /* global window, Element, document, dispatchEvent, UIEvent, setTimeout */
  21. (() => {
  22. const SCROLL_LENGTH = 200;
  23. const SCROLL_DELAY = 100;
  24. window._singleFile_getBoundingClientRect = Element.prototype.getBoundingClientRect;
  25. Element.prototype.getBoundingClientRect = function () {
  26. const boundingRect = window._singleFile_getBoundingClientRect.call(this);
  27. const quarterLeft = Math.floor(window.innerWidth / 4);
  28. const quarterTop = Math.floor(window.innerHeight / 4);
  29. const top = (boundingRect.top > 0 && boundingRect.top < window.innerHeight) ? boundingRect.top : boundingRect.top > window.innerHeight ? window.innerHeight - quarterTop : quarterTop;
  30. const left = (boundingRect.left > 0 && boundingRect.left < window.innerHeight) ? boundingRect.left : boundingRect.left > window.innerHeight ? window.innerHeight - quarterLeft : quarterLeft;
  31. const bottom = top + boundingRect.height;
  32. const right = left + boundingRect.width;
  33. return { x: boundingRect.x, y: boundingRect.y, top, bottom, left, right, width: boundingRect.width, height: boundingRect.height };
  34. };
  35. dispatchEvent(new UIEvent("scroll"));
  36. const scrollTop = document.documentElement.scrollTop;
  37. scroll(SCROLL_LENGTH, document.documentElement.scrollHeight - window.innerHeight);
  38. function scroll(offsetY, maxOffsetY) {
  39. document.documentElement.__defineGetter__("scrollTop", () => offsetY);
  40. window.__defineGetter__("scrollY", () => offsetY);
  41. window.__defineGetter__("pageYOffset", () => offsetY);
  42. processScroll();
  43. function processScroll() {
  44. if (offsetY < maxOffsetY) {
  45. offsetY += SCROLL_LENGTH;
  46. } else {
  47. offsetY = scrollTop;
  48. }
  49. dispatchEvent(new UIEvent("scroll"));
  50. window._singleFile_timeoutScroll = setTimeout(processScroll, SCROLL_DELAY);
  51. }
  52. }
  53. })();