title: How can i make a horizontal, both directions, (as if the body was a 360 horizontal plane), scrolling body with javascript?
body: <p>How can i make a horizontal, both directions, (as if the body was a 360 horizontal plane), scrolling body with javascript? It is important that it comes back to the beggining through the scroll, either way you go. </p>
  
  <p>I made a jsfiddle. </p>
  
  <pre><code>
        var main = document.querySelectorAll("main_div");
            var container  = document.querySelectorAll("object_container");
  
  window.onscroll = function() {myFunction()};
  
   function myFunction() {
  if (window.scrollBy(80000, 0) &gt; 0 || window.scrollBy(80000, 0) &gt; 0) {
     document.container.createElement(container);
   } else if (window.scrollBy(0, 0) &lt; 0 || window.scrollBy(0, 0) &lt; 0) {
     document.container.prepend(container);
     }
     }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/camilongeira/ckhd17q5/24/#&amp;togetherjs=7tT1ILHRvg" rel="nofollow noreferrer">https://jsfiddle.net/camilongeira/ckhd17q5/24/#&amp;togetherjs=7tT1ILHRvg</a></p>
  
  <p>The background image and the objects are on the <em>main_div</em>, and i was trying to make a function that triggered the main_div to repeat itself when you scrolled to the end of it, but couldnt manage and also dont know if it would make sense because cant make elements appear to the left side from the beggining. </p>
  
  <p>I hope i am being clear enough... i am quite new in this community and understand people dont want to waste their time, but have been going around this for sometime and there are some close solution but nothing really does what i want... </p>
  
  <p>Thanks! </p>