web-lazy-loader-before.js 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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, screen, scrollBy, requestAnimationFrame, Element, document, dispatchEvent, UIEvent */
  21. (() => {
  22. const SCROLL_LENGTH = 100;
  23. const SCROLL_DELAY = 50;
  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(screen.width / 4);
  28. const quarterTop = Math.floor(screen.height / 4);
  29. const top = (boundingRect.top > 0 && boundingRect.top < screen.height) ? boundingRect.top : boundingRect.top > screen.height ? screen.height - quarterTop : quarterTop;
  30. const left = (boundingRect.left > 0 && boundingRect.left < screen.width) ? boundingRect.left : boundingRect.left > screen.width ? screen.width - 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. scrollBy(0, 1);
  36. requestAnimationFrame(() => scrollBy(0, -1));
  37. scroll(SCROLL_LENGTH, document.documentElement.scrollHeight - screen.height);
  38. function scroll(offsetY, maxOffsetY) {
  39. document.documentElement.__defineGetter__("scrollTop", () => offsetY);
  40. document.documentElement.__defineGetter__("scrollY", () => offsetY);
  41. document.documentElement.__defineGetter__("pageYOffset", () => offsetY);
  42. dispatchEvent(new UIEvent("scroll"));
  43. if (offsetY < maxOffsetY) {
  44. window._singleFile_timeoutScroll = setTimeout(() => scroll(offsetY + SCROLL_LENGTH, maxOffsetY), SCROLL_DELAY);
  45. }
  46. }
  47. })();