Jump to content
Search Community

scrolling an object using buttons (onPress)

bromel test
Moderator Tag

Go to solution Solved by Diaco,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

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');

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

    return false;

    return false;

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





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

Edited by bromel
Link to comment
Share on other sites

  • Solution

Hi bromel  :)


try this :

Draggable.create(content, {

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

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...