多行滚动画廊水平?

时间:2019-06-13 07:20:42

标签: javascript jquery html css

能不能帮我在光标上下移动时如何进行多行图像滚动,但是图像应该水平移动。

我正是需要这个https://www.johnsonbanks.co.uk/work

1 个答案:

答案 0 :(得分:0)

看看这个例子:Horizontal Scrolling with mouse wheel

如果您想更快地移动,请将scrollLeft乘以50以上的数字,即可获得不错的速度。

 $(document).ready(function() {
    $('html, body, *').mousewheel(function(e, delta) {
        this.scrollLeft -= (delta * 70);
        e.preventDefault();
    });
});

这仅适用于一行项目,对于多行,我认为您必须使用事件来连接不同的容器。我没有尝试,也不知道该怎么做,但是从该示例中您可以开始。玩得开心xD