How to disable vertical scroll on interact with slider?
See original GitHub issueI’m facing a bad experience with slider, when interact and swipe up/down, scrolls on <ScrollView>
occurs.
On FlatList
or SectionList
has a prop called verticalScrollingDisabled
to prevent this behavior, has any kind of option on react-native-slider
?
Issue Analytics
- State:
- Created 5 years ago
- Reactions:4
- Comments:5
Top Results From Across the Web
Disable FlexSlider interactions when scrolling vertically
Disable vertical scrolling of the page, when the user swipes horizontally on the slider: jQuery(document).on('touchmove', function(event_) { ...
Read more >How To Hide Scrollbars With CSS - W3Schools
How To Hide Scrollbars. Add overflow: hidden; to hide both the horizontal and vertical scrollbar. Example. body {
Read more >How to Hide the Scrollbar in CSS - HubSpot Blog
To hide the vertical scrollbar and prevent vertical scrolling, use overflow-y: hidden like so: HTML; CSS. Result; Skip Results Iframe.
Read more >Making text scrollable with a vertical slider | Unity UI Cookbook
If you prefer, you can disable the elastic effect, as was done in the previous recipe. To do this, just change Movement Type...
Read more >How to disable scrolling temporarily using JavaScript
The window.onscroll event fires when the window has been scrolled. Overriding this function and setting it to a fixed position every time ...
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
You can use scrollEnabled props to disable scrolling effect when drag slider like this.
You can wrap your slider component in
PanGestureHandler
fromreact-native-gesture-handler
package. It stops the events from propagating