☰

Gab.ai Endlessly Scrollable Content

Automatically loads more Gab.ai content when you scroll to the ended of the loaded content.

  1. // ==UserScript==
  2. // @name         Gab.ai Endlessly Scrollable Content
  3. // @namespace    http://gab.ai/Jeremy20_9
  4. // @version      0.3
  5. // @description  Automatically loads more Gab.ai content when you scroll to the ended of the loaded content.
  6. // @author       Jeremiah 20:9
  7. // @match        https://gab.ai
  8. // @match        https://gab.ai/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. var itvwait = -1;
  13. var clicked = false;
  14. $(document).ready(function(){
  15.     $(window).scroll(function(){
  16.         if(clicked)
  17.             return;
  18.         
  19.         var posts = $("post");
  20.         if(posts.length < 2)
  21.             return;
  22.         
  23.         var elem = $("a.post-list__load-more:last")[0];
  24.         if(elem !== undefined && elementInViewport(elem))
  25.         {
  26.             // http://stackoverflow.com/a/27761213/2381712
  27.             var evt = new MouseEvent("click", {
  28.                 view: window,
  29.                 bubbles: true,
  30.                 cancelable: true,
  31.                 clientX: 20
  32.             });
  33.             var ele = $("a.post-list__load-more")[0];
  34.             ele.dispatchEvent(evt);
  35.             clicked = true;
  36.             itvwait = setTimeout(function(){clicked = false;}, 3000);
  37.         }
  38.     });
  39. });
  40.  
  41. // http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
  42. function elementInViewport(el) {
  43.   var top = el.offsetTop;
  44.   var left = el.offsetLeft;
  45.   var width = el.offsetWidth;
  46.   var height = el.offsetHeight;
  47.  
  48.   while(el.offsetParent) {
  49.     el = el.offsetParent;
  50.     top += el.offsetTop;
  51.     left += el.offsetLeft;
  52.   }
  53.  
  54.   return (
  55.     top >= window.pageYOffset &&
  56.     left >= window.pageXOffset &&
  57.     (top + height) <= (window.pageYOffset + window.innerHeight) &&
  58.     (left + width) <= (window.pageXOffset + window.innerWidth)
  59.   );
  60. }