Can not scroll vertically in mobile
See original GitHub issueWhen 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:
- Created 3 years ago
- Reactions:5
- Comments:10
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I was able to solve the issue by setting preventMovementUntilSwipeScrollTolerance={true} and swipeScrollTolerance={50}
@lambdadev007 worked, thanks!