scrolling an object using buttons (onPress)

[bromel 26 Likes (Newbie)]

Good evening All
 
I have created a modal info box for which I had added the Draggable and scrollTo plugin for some added functionality. I am trying to do 2 things.
1. At the moment when you press either the 'up or down' button you get an incremental tween.
2. I am wanting to control the scroll by making it so that when either button is pressed and held down the scroll will smoothly move in the direction that you have pressed.
 
I am not sure if this more a JS question since it would depend on the function used to make the call. I did come across this fiddle on my travels which works to an extent.

var timeout, clicker = $('#clicker');

clicker.mousedown(function(){
    timeout = setInterval(function(){
        // Do something continuously 
    }, 500);

    return false;
});

$(document).mouseup(function(){
    clearInterval(timeout);
    return false;
});

I am wonder what would be the best way to approach this. Any ideas or suggestions most welcome.

 

regards

 

bromel

See the Pen azzrZa by w9914420 (@w9914420) on CodePen

Edited November 24, 2014 by bromel

[Diaco 1,995 Likes (Superhero)]

Hi bromel 

 

try this :

Draggable.create(content, {
type:"ScrollTop",
bounds:content,
edgeResistance:0.65
});

function scrl(Y){
TweenMax.to(content, 1, {scrollTo:{y:Y},ease:Linear.easeNone,onComplete:scrl,onCompleteParams:[Y]})
}

$("#up").mousedown(function() { scrl("+=100");  });
$("#down").mousedown(function() { scrl("-=100"); });
$("#up,#down").mouseup(function() { TweenMax.killTweensOf(content); });

See the Pen jEPqjz by anon (@anon) on CodePen

[bromel 26 Likes (Newbie)]

Hi Diaco.AW

 

Many, many thanks

 

I very much appreciate your time on this, plus you have given me something to study and ponder on.

 

regards

 

bromel