Good Day Everyone, im new to edge. well to cut it short. im a designer/animation and not a full blooded programmer
im making a website which is a parallax scrolling... heres my site: Engaging Event Videos
this is my navigation
it works fine, but the problem is it does not update the scroll (time)" im not sure if this is the correct term". as you can see on my site.. when you clicked the navigation and scroll again..
it comes back to where you were before you click the navigation..
heres my js code:
AdobeEdge.bootstrapCallback(function(compId){
$('body').css('height','6000px').append('<p> debug </p)');
$(window).on('scroll', function() {
checkScroll();
}).resize(function(){
checkScroll();
});
function checkScroll(){
var myComposition = AdobeEdge.getComposition('EEV');
var scrollPos = $(window).scrollTop();
var docHeight = $(document).height();
var winHeight = $(window).height();
var duration = myComposition.getStage().getDuration();
var scrollPercent = scrollPos / (winHeight - docHeight);
var animPosition = Math.floor(duration * (scrollPercent * -1));
myComposition.getStage().stop(animPosition);
}
});
navigation code:
sym.stop("Timeline16");
thanks in advance guys,