question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can not scroll vertically in mobile

See original GitHub issue

When on a mobile device (tested with FF, Chrome and Safari emulator) any vertical scrolling of the page is not possible when dragging within a carousel element. Swiping left and right works as expected to move the carousel to the right and left. However you can no longer scroll the page up and down which causes issues if your carousel is close to or greater than the device height, effectively trapping the user from being able to scroll up and down the page.

Tried with the config parameters swipe=true and both emulateTouch=false and emulateTouch=true. Also adjusted the swipeScrollTolerance with success reducing errant left/right swipes but it has no effect on vertical scrolling.

Experienced with v3.2.7.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:5
  • Comments:10

github_iconTop GitHub Comments

49reactions
lambdadev007commented, Jun 7, 2022

I was able to solve the issue by setting preventMovementUntilSwipeScrollTolerance={true} and swipeScrollTolerance={50}

0reactions
gustafercommented, Nov 1, 2022

@lambdadev007 worked, thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

page is not scrolling vertically in mobile devices - Stack Overflow
I'm not using any div that needs scrolling, the whole page is not scrolling vertically, I'm afraid I can't provide the code.
Read more >
Page is not scrolling vertically in mobile devices after click on ...
Page is not scrolling vertically in mobile devices or when we resize the browser when we a user click on about menu sub...
Read more >
Vertical Scroll not working on mobile - WordPress.org
Hi @leap13 , i just opened up my site and both my pages where i used the vertical scroll element seem to have...
Read more >
Html – page is not scrolling vertically in mobile devices
Its possible that the element which have high z-index value. stopping you for scroll. and It can be possible you have overflow:hidden in...
Read more >
Mobile Responsiveness - Horizontal Scrolling Troubleshooting
The mobile horizontal scrolling has been caused by a margin set too high, at the left or right side of an element. ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found