The scroll effect does not work on the smartphone and also in the touch screen device even if it is a laptop and other devices. I have tried multiple options adding the codes like this:
const scroll = new LocomotiveScroll({
el: document.querySelector('[data-scroll-container]'),
smooth: true,
smartphone: {
smooth: true
},
tablet: {
smooth: true
}
});
// this also:
const scroll = new LocomotiveScroll({
el: document.querySelector('[data-scroll-container]'),
smooth: true,
smartphone: {
smooth: true,
direction: "vertical" //use the direction according to your need//
},
tablet: {
smooth: true,
direction: "vertical" //use the direction according to your need//
},
});
const scroll = new LocomotiveScroll({
el: document.querySelector('[data-scroll-container]'),
smooth: true,
smartphone: {
breakpoint: 0,
smooth: true,
direction: "horizontal",
},
tablet: {
breakpoint: 0,
smooth: true,
direction: "horizontal"
},
});
But none of the code works.
Hello 👋
The scroll effect does not work on the smartphone and also in the touch screen device even if it is a laptop and other devices. I have tried multiple options adding the codes like this: const scroll = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true, smartphone: { smooth: true }, tablet: { smooth: true } });
// this also: const scroll = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true, smartphone: { smooth: true, direction: "vertical" //use the direction according to your need// }, tablet: { smooth: true, direction: "vertical" //use the direction according to your need// }, });
const scroll = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true, smartphone: { breakpoint: 0, smooth: true, direction: "horizontal", }, tablet: { breakpoint: 0, smooth: true, direction: "horizontal" }, }); But none of the code works.
Thank you 👊