Home → Knowledge Base → RoyalSlider jQuery Plugin FAQ →
How to prevent dragging over specific elements?
Add rsNoDrag class to element that shouldn't be draggable (or to its parent). This might be also useful when you have form elements inside slider that might be blocked on touch devices.
All child elements of element with class rsNoDrag will not be draggable. For example:
<div class="rsNoDrag">This text won't be draggable by the slider.</div>
If you wish to disable mouse-dragging or touch navigation completely, use sliderDrag and sliderTouch options http://dimsemenov.com/plugins/royal-slider/documentation/#options
Found a mistake in article? Know how to improve it? Please open support ticket.
- Section:
- RoyalSlider jQuery Plugin FAQ
- Last Updated:
- 01 May, 2018 03:04 PM
Sending your feedback
Thank you!
- Slider Performance Tips
- How stretch slider to full browser width and height?
- How to remove extra space around the image?
- How to create whole slide with hyperlink?
- How to use another skin?
- How to position thumbnails, tabs or bullets above the slider?
- How to change image scaling?
- How to prevent dragging over specific elements?
- Why video is shifted on iPad.
- How to add multiple sliders to one page and style them differently?
- Adding width and height properties to images
Recent Discussions
| 20 Mar, 2020 05:43 AM | Not loading Slider on certain pages. | |
| 18 Mar, 2020 08:23 PM | images huge | |
| 18 Mar, 2020 04:23 AM | duplicate image | |
| 17 Mar, 2020 08:05 PM | Using custom variables with default ones in a conditional statement. | |
| 17 Mar, 2020 05:56 PM | Scroll down arrow code |