Question

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

这是一个例子。

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

查找演示here：http://codepen.io/nishants/pen/qbqLjw

甚至不想用帆布

来做这件事

垂直滚动。水平运动

1 个答案: