Javascript 垂直滚动。水平运动

我试图找到垂直移动页面，然后水平移动，同时仍然垂直滚动的代码。我肯定这不是画布，但我可能错了

这是一个例子

---

好吧，你的方法看起来很糟糕，但我得到了你想要的

您需要在视口上固定一个容器，并在滚动时设置其动画

像这样：

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();
});

查找演示：

---

甚至不要考虑使用canvas进行此操作

通过web inspector查看很难说，但您必须向我们提供您的JS文件，至少与

.content bounds

和

动画容器force3d

相关的任何代码，它们是同时水平/垂直翻译的

div

元素。查看您的JS插件以确定是谁在修改这些元素“Scrolljacking”是美化web的最糟糕的UX技巧之一，您真的不应该尝试模仿它。您是否在寻找类似的东西？它可能只是阻止所有滚动事件，并手动覆盖它们。不要这样做。这是糟糕的用户体验。为什么它会阻止滚动事件？他只需要听窗口上的滚动事件，并决定用户是向上滚动还是向下滚动。黎明，咯咯笑…此时此刻，我正在考虑使用html5画布来创建此效果。哈…顺便说一句，这个演示在chrome（mac os）上都不起作用