@@ -105,27 +105,72 @@ function Onepage(list, options) {

     window.scrollToNextSection = function () {

       let sections = document.querySelectorAll('#main .inside > .mod_article, #footer');

+      var scroller = document.querySelector('#scroll-down-indicator');

       var section;

-      for (let i = 0; i < sections.length; i++)

+      if ((scroller !== undefined && !scroller.classList.contains('-at-bottom')) || scroller === undefined)

       {

-        section = sections[i];

-        let boundingArea = section.getBoundingClientRect();

-        let viewportTrigger = window.innerHeight;

-        if (boundingArea.top < viewportTrigger-15)

+        for (var i = 0; i < sections.length; i++)

         {

-          continue;

-        }

+          section = sections[i];

+          let boundingArea = section.getBoundingClientRect();

+          let viewportTrigger = window.innerHeight;

+

+          if (boundingArea.top < viewportTrigger - 15)

+          {

+            continue;

+          }

+          scrollTo({

+            top: getOffsetTop(section),

+            behavior: "smooth"

+          });

+          break;

+        }

+      } else if (i == sections.length || (scroller !== undefined && scroller.classList.contains('-at-bottom'))) {

         scrollTo({

-          top: getOffsetTop(section),

+          top: 0,

           behavior: "smooth"

         });

-        break;

       }

+

       return section;

     }

+    var scroller = document.querySelector('#scroll-down-indicator');

+

+    if (scroller)

+    {

+      // let bottomElements = document.querySelectorAll('#main .inside > .mod_article:last-child, #footer');

+      let bottomElements = document.querySelectorAll('#footer');

+      const scrollIndicatorObserver = new IntersectionObserver (function (elements) {

+        let isIntersecting = false;

+        elements.forEach(function(element) {

+          if (element.isIntersecting) {

+            isIntersecting = true;

+          }

+        });

+        if (isIntersecting)

+        {

+          scroller.classList.add('-at-bottom');

+        } else {

+          scroller.classList.remove('-at-bottom');

+        }

+      },{rootMargin: "0px 0px 33.333% 0px"});

+

+      bottomElements.forEach(function(el) {

+        scrollIndicatorObserver.observe(el);

+      });

+

+      scroller.addEventListener("click", function(event) {

+        if (window.scrollToNextSection)

+        {

+          event.preventDefault();

+          window.scrollToNextSection();

+        }

+      })

+    }

+

   });

 };

@@ -98,4 +98,34 @@ function Onepage(list, options) {

   articles.forEach ((article) => {

     articleObserver.observe(article);

   });

+

+

+  /** AldeGott Section Scroller **/

+  document.addEventListener("DOMContentLoaded", function() {

+

+    window.scrollToNextSection = function () {

+      let sections = document.querySelectorAll('#main .inside > .mod_article, #footer');

+      var section;

+

+      for (let i = 0; i < sections.length; i++)

+      {

+        section = sections[i];

+        let boundingArea = section.getBoundingClientRect();

+        let viewportTrigger = window.innerHeight;

+

+        if (boundingArea.top < viewportTrigger-15)

+        {

+          continue;

+        }

+

+        scrollTo({

+          top: getOffsetTop(section),

+          behavior: "smooth"

+        });

+        break;

+      }

+      return section;

+    }

+

+  });

 };

@@ -34,6 +34,8 @@ function Onepage(list, options) {

           if (pushUrl) {

             history.pushState("", "", uri + anchor.hash);

           }

+

+          event.target.blur();

         };

       }

     });

new file mode 100644

@@ -0,0 +1,99 @@

+function Onepage(list, options) {

+  options = options || {};

+  const articles = options.articles || document.querySelectorAll('.mod_article');

+  const pushUrl = options.pushUrl || false;

+  const offset = parseInt(options.offset, 10) || 0;

+

+  const offsetArray = Number(-offset) + '% 0% '+  Number(-offset) + '% 0%';

+  const el = document.querySelectorAll('a[href*="#"]:not([href="#"]):not([href="#0"])');

+  const uri = window.location.href.split("#")[0];

+

+  el.forEach ((anchor) => {

+    anchor.addEventListener('click', (event) => {

+      // check if on-page links

+      if (location.pathname.replace(/^\//, '') == anchor.pathname.replace(/^\//, '') && location.hostname == anchor.hostname) {

+

+        // figure out element to scroll to

+        let target = anchor.hash;

+        //let article = document.getElementById(anchor.hash.slice(1)).offsetTop;

+        // let navbarOffset = document.getElementById('navbar').offsetHeight;

+        let navbarOffset = 0;

+        let article = getOffsetTop(document.getElementById(anchor.hash.slice(1)),(navbarOffset !== undefined ? navbarOffset : 0));

+

+        if (target.length) {

+          // only prevent default if animation is actually gonna happen

+          event.preventDefault();

+

+          // scroll to selected article

+          scrollTo({

+            top: article,

+            behavior: "smooth"

+          });

+

+          // change url

+          if (pushUrl) {

+            history.pushState("", "", uri + anchor.hash);

+          }

+        };

+      }

+    });

+  });

+

+  // get correct offset

+  const getOffsetTop = (element,offset=0) => {

+    let offsetTop = 0;

+    while(element) {

+      offsetTop += element.offsetTop;

+      element = element.offsetParent;

+    }

+    return offsetTop-offset;

+  }

+

+  // set nav active when scrolling

+  const navActive = (article) => {

+    let active = list.querySelector('li.active');

+    let actualItem = list.querySelector('li[data-onepage-link="'+ article +'"]') ? list.querySelector('li[data-onepage-link="'+ article +'"]') : null;

+

+    // remove existing active status

+    if (typeof(active) != 'undefined' && active != null) {

+      active.classList.remove('active');

+    }

+

+    if (actualItem) {

+      // add active status when scrolling down

+      actualItem.classList.add('active');

+    } else if (active != null) {

+      // active status to previous list item when scrolling up AND active article is not in nav

+      article = getPreviousSibling(document.querySelector('#'+ article), '.onepage_article');

+      actualItem = list.querySelector('li[data-onepage-link="'+ article.id +'"]');

+      actualItem.classList.add('active');

+    }

+  };

+

+  let getPreviousSibling = function (elem, selector) {

+    let sibling = elem.previousElementSibling;

+

+    // if no previous element exists with this selector, use current element

+    if (!sibling) return elem.nextElementSibling;

+

+    // if selector does not exist, return previous element

+    if (!selector) return sibling;

+

+    while (sibling) {

+      if (sibling.matches(selector)) return sibling;

+      sibling = sibling.previousElementSibling;

+    }

+  };

+

+  const articleObserver = new IntersectionObserver (function (entries, observer) {

+    entries.forEach(function(entry) {

+      if (entry.isIntersecting) {

+        navActive(entry.target.id);

+      }

+    });

+  }, { rootMargin: offsetArray });

+

+  articles.forEach ((article) => {

+    articleObserver.observe(article);

+  });

+};