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
09 Mar, 2021 09:58 AM | captions below images - not container | |
08 Mar, 2021 09:19 PM | Dark background behind image slide only. | |
07 Mar, 2021 01:08 PM | Show ACF field in slider? | |
05 Mar, 2021 04:08 PM | Single news page with post slider - don’t show current post | |
04 Mar, 2021 11:30 PM | Can RS replace multiple Gutenberg galleries? |