垂直滚动。 水平运动

我正在尝试找到垂直移动页面的代码，然后在垂直滚动的同时水平移动。 我很肯定这不是canvas，但我可能是错的。

这是一个例子。

http://enso.readymag.com/architects-own-houses/10/

Answer 1

好吧，你的方法似乎很糟糕，但我得到你想要达到的目标。

您需要在视口上修复容器，并在滚动时将其设置为动画。

像这样 ：

 var $target = $(".slider").first(), currentPosition = 0, moveBy = function(scrolledBy){ currentPosition += scrolledBy; $target.css("transform", "translateX(" + (currentPosition) + "px)") }, lastScrollTop = 0 ; $(window).bind("scroll",function(e){ var scrolledBy = $(window).scrollTop() - lastScrollTop; moveBy(-scrolledBy); lastScrollTop = $(window).scrollTop(); }); 

在这里找到一个演示： http ： //codepen.io/nishants/pen/qbqLjw

甚至不想用帆布做这件事