lewisSME

Members
  • Content Count

    5
  • Joined

  • Last visited

Community Reputation

1 Newbie

About lewisSME

  • Rank
    Newbie
  1. lewisSME

    Drag/swipe navigation with timeline and Angular

    That looks like just what I need! Will give it a go, cheers!
  2. lewisSME

    Drag/swipe navigation with timeline and Angular

    Hi Carl, thanks for your feedback it's been really helpful. I've tidied up the code a little, and commented the relevant parts. I've included a jQuery UI slider and got it working so that it controls the timeline (thanks for that!). The only remaining issue is that I want to use the draggable area (the big colourful section with the sprite image) as the draggable controller. So instead of sliding the slider handle to control the timeline, I want users to be able to slide the entire coloured section to control the timeline, if that makes sense? A similar example of the desired functionality can be seen here: http://beta.rallyinteractive.com/ Thanks again for your help!!
  3. lewisSME

    Looping draggable that snaps without throwProps

    Thanks so much, that's exactly what I was after
  4. Hi, I'm using Angular UI-router to build a one-page site with a looping, draggable navigation, and want to use TimelineMax to animate a sprite on the transitions. What I've got so far (see Codepen link) is that when the user drags or swipes the target area, the animation plays or reverses (depending on swipe direction) and the new section loads. So far so good. However, I want the drag/swipe action to actually control the progress of the sprite, so that users can scrub through the timeline. Then, when they release the drag or swipe, the rest of the animation to play and the next page to load. Another thing I've noticed is that once I've swiped through all section of the page and looped back the beginning, the sprite no longer animates - the Timeline just jumps to the next sprite image. If you change direction it then starts working again. Any help greatly appreciated! NB: The individual page content won't load on the Codepen demo, not sure why, but it doesn't matter to the issue I'm trying to resolve here. Cheers.
  5. I'm trying to make a looping Draggable that snaps and only moves one step at a time. The problem is that with throwProps switched on, the user can throw it more than one 'step' at a time, and with throwProps switched off it doesn't snap at all. I used this pen as a starting point: http://codepen.io/osublake/pen/ee107aeb54bdf4dca1084715d86b5e9c Here's where I've gotten to: http://codepen.io/lewisSME/pen/mWQoye Any help greatly appreciated.