Splidejs / splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
https://splidejs.com
MIT License
4.89k stars 424 forks source link

Cannot scroll down when the slider height is too high #1217

Closed Sovai closed 1 year ago

Sovai commented 1 year ago

Checks

Version

0.6.12

Description

hi, I'm using the vue-splide on my web app. the slider is horizontal and on touch devices, when slider height is too tall and I try to swipe down for page scrolling, it does not work.

here's my options

const options = ref({
  arrows: false,
  snap: true,
  autoplay: false,
  easing: "linear",
  speed: 250,
  gap: 0,
  padding: 0,
  pagination: false,
});

Reproduction Link

No response

Steps to Reproduce

  1. drag up/down on the horizontal slider
  2. the page not scroll up/down as expected

Expected Behaviour

page scroll up down base on user drag

Sovai commented 1 year ago

closing this as the issue is from GSAP library

alaaeddin2p commented 1 month ago

@Sovai Sorry but what is the relation between splide js and GSAP? does only loading GSAP is causing the problem? or the matter is different?

Sovai commented 1 month ago

@alaaeddin2p I was using gsap scrollTrigger. it prevents the drag on splide slides