[scrollTrigger with timeline]

Hi @Cassie

13 hours ago, Cassie said:

Hi Vishal! (fyi - We're not all sir's)  Sorry Mam! I just wanted to Salute whoever is going to reply. I apologize

At the moment overflow:hidden is breaking everything - there's nothing to scroll to.

 

Are you maybe trying to scroll horizontally?

Many Thanks for reply

I have achieved what i was looking for....

[scrollTrigger with timeline]

Hello Sir,

 

I want to scroll images which is in gray section with pinned to "home-feature-section" once gray section(home-feat-list-contain) finishes animate to x position.

 

Sorry for poor english..

See the Pen gOWOMVQ by vishal_codes (@vishal_codes) on CodePen

[current on click animation reverse:play]

Thanks a lot... @Sahil and @Acccent

[current on click animation reverse:play]

What if i want to play currentAnimation simultaneously while other reversing...

Please help...

[Instagram Brand Navigation]

Thanks a lot @Jonathan

[Instagram Brand Navigation]

Thanks a lot(infinite)  @Carl

[Instagram Brand Navigation]

@OSUblake please help

[Instagram Brand Navigation]

Need Help,

 

I want to achieve navigation similar to  https://en.instagram-brand.com/ , i've 90% achieved it which you can find in my pen.

I want your help when i click on menu item i want indicator to hold on it...

One bug, Indicator doesn't point correctly sometime...

 

Thank a lot....

-Vishal

See the Pen BdBVzE by vishalbhulku (@vishalbhulku) on CodePen

[reverse change var value]

Thanks a lot.... u r champ!

[reverse change var value]

Hey guys,

var panWidth = $(".panContain").width();
var panImg = $(".panContain").find(".panImg");
var start = 50;
var width = panImg.width() - panWidth;
var tl = new TimelineMax({
  onComplete: function onComplete() {
    start = 0;
    tl.reverse();
  },
  onReverseComplete: function onReverseComplete() {
    start = 0;
    tl.restart();
  }
});
tl.fromTo(panImg, 20, {
  "transform": "translate("+ -start +"px,0)",
}, {
  "transform": "translate(-" + width + "px,0)",
  ease: Linear.easeNone
});

Please Help,

 

Here i want to set from value to "transform": "translate("+ -start +"px,0)" only when start. onComplete i want to tl.reverse() to "transform": "translate(0,0)" not 50 then again restart it from "transform": "translate(0,0)" not 50. Above my code does not reset start to 0 onComplete.

See the Pen jBqpxe by vishalbhulku (@vishalbhulku) on CodePen