Slider bar that works for the iPad

Question

Hi guys
Im not new to Edge however my knowledge of code is basic (Animation, basic functionality and design is my thing). My question is this, I have been able to use code so the bar in my example (LINK) is able to drag in a browser via
using some code I found on a discussion on this forum, however my problem is that this doesn't translate onto the ipad.
Please could I receive some direction in where to put this code wether it be on stage level or on the actual item level. The slide that managed to work on the browser
was entered at stage level under 'compositionReady'
Im guessing that I will need to introduce 'touchstart' 'touchend' 'touchmove' at some point in the process and again where to drop this in would be really appreciated.
As you can see I have the relevant JS folder collected within the folder too.
Once again thanks to anyone who can help and guide me
Kind regards
John

Answer 1

Hi resdesign
Thank you so much  for your guidance its been awesome. It works really well, the only small thing now is how to contain the slider as it can disappear
now from view. I have noticed that in one of your links it does describe a containment value so the slider stays within a parameter/box.
How would this instruction look and fit within the current code im using below
var dragme = false;
$(function () {
   var element = sym.$("Divider");
    element.mousedown(function() { dragme = true })
    $(document).mouseup(function() { dragme = false })
    $(document).mousemove(function(e) {
            if(dragme){
                //Drag left side to the value of x.pageX (direction horizontal)
                element.offset({
                //top: e.pageY,
                left: e.pageX
            //Or use css property values
            //element.css('left', e.pageX);
            //Drag right clip side to the value of x.pageX (direction horizontal)
            //clip values top, right, bottom, left
            var directionX = e.pageX - (clipper.offset().left);
                clipper.css('clip','rect(927px '+directionX+'px 156px 0px)');
thanks for any guidance or help you can give me