Dynamic movement via mouse/ input
Closed this issue · 6 comments
Hey,
I'm trying to adapt your plugin to drive this widget http://www.kendallarneaud.me/timeline. took me quite a while to get the hang of it but there were a lot of hurdles to overcome.... can out give me some advice on improving it?
I'm trying to achieve movement not only from gestures but also from other dynamic input such as mouse and input values.
Your advice on the matter would be greatly appreaciated
Sorry I haven't taken a look yet. I will take a look tomorrow.
This is a really nice concept.
Is there something specific you are trying to achieve that I can help with. It seems you want to make the kinetic window jump to a particular position, is that what you're struggling with?
Yep....I've seem to come close though I'm not good with the acceleration deceleration aspect....
Also I'm noticing a definite lag in its performance when the scroll length grows....any thoughts?
Are you using a call method to give functionality?
This should give you the general concept with what you are trying to achieve.
(function($){
$.kinetic.callMethods.smoothJump = function(settings, options){
// this refers to the kinetic window
// you would need to work this out using the settings.slowdown and velocity value
var distanceTravelled = 100;
this.scrollLeft = options.jumpTo - distanceTravelled;
settings.velocity = 10;
settings.decellerate = true;
};
}(jQuery));You have to keep a close eye on the complexity and size of the contents, doing lazy loading etc if it gets too big.
Ok thanks...I'm looking into the lazy load however its exactly that whats causing the lag....I'm trying to find a way to append and remove ....