水平机车滚动条在移动设备上不工作

Question

我使用机车滚动库在滚动上水平动画画廊视图。问题是移动视图

查看演示:演示

const lscroll = new LocomotiveScroll({
el: document.querySelector("[data-scroll-container]"),
smooth: true,
direction: "horizontal"
});

参见代码:code

Answer 1

可以设置断点值(机车滚动条生效的最小宽度)为0。

const lscroll = new LocomotiveScroll({
el: document.querySelector("[data-scroll-container]"),
smooth: true,
direction: "horizontal",
mobile: {
breakpoint: 0,
smooth: true,
direction: "horizontal",
},
tablet: {
breakpoint: 0,
smooth: true,
direction: "horizontal"
},
});