Good Morning Guys;
I want to scroll the current article when I click to the next or prev link, but on console browser shows the following information :
invalid scrollTo tween value: [object Object]
The HTML Structure is :
<div class="mask-articles"> <article class="history-article-1"> </article>
<article class="history-article-2"> </article>
<article class="history-article-3"> </article> </div>
and the JS
/* Time Line Quem Somos*/ var section = 0; var sectionTotal = $(".mask-articles > article").length - 1; var article = $(".mask-articles > article"); console.log($(section)); $(".prev-history").click(function (e) { e.preventDefault(); if (section > 0) { section--; } TweenMax.to($(".mask-articles"),0.5,{scrollTo:{y:$(".history-article-"+section).offset.top}}); }) $(".next-history").click(function (e) { e.preventDefault(); if (section < sectionTotal) { section++; } TweenMax.to($(".mask-articles"),0.5,{scrollTo:{y:$(".history-article-"+section).offset.top}}); //TweenMax.to(window, 0.5, {scrollTo:{y:$("#div" + section).offset().top}}); })
Somebody can help me ?
Thank you.