首页 > 解决方案 > 我怎样才能制作一个水平的,两个方向,(好像身体是一个 360 度水平面),用 javascript 滚动身体?

问题描述

我怎样才能制作一个水平的,两个方向,(好像身体是一个 360 度水平面),用 javascript 滚动身体?重要的是,无论你走哪条路,它都会通过卷轴回到起点。

我做了一个jsfiddle。


      var main = document.querySelectorAll("main_div");
          var container  = document.querySelectorAll("object_container");

window.onscroll = function() {myFunction()};

 function myFunction() {
if (window.scrollBy(80000, 0) > 0 || window.scrollBy(80000, 0) > 0) {
   document.container.createElement(container);
 } else if (window.scrollBy(0, 0) < 0 || window.scrollBy(0, 0) < 0) {
   document.container.prepend(container);
   }
   }

https://jsfiddle.net/camilongeira/ckhd17q5/24/#&togetherjs=7tT1ILHRvg

背景图像和对象在main_div上,我试图制作一个函数,当您滚动到它的末尾时触发 main_div 重复,但无法管理,也不知道它是否有意义,因为无法制作元素从一开始就出现在左侧。

我希望我足够清楚......我在这个社区中很新,并且理解人们不想浪费他们的时间,但已经解决了一段时间并且有一些接近的解决方案,但没有什么能真正做到我想要的...... .

谢谢!

标签: javascripthtmlcsshorizontal-scrolling

解决方案


推荐阅读