[Slider issue on mobile.]

Hi Zach,

 

So after your suggestion and stripping everything out, I found that I was calculating everything based on window.outerWidth which is what was throwing the slider off in terms of width. I also found that through my CSS the height was not being set correctly and it was defaulting to zero. 

 

So for those who run into this same problem, if you have your slider within a container with overflow hidden. Use that containers width and height for your slides. Then calculate the transform using the container width/height. Remember that transform starts at the current position and then moves the item to your desired output.

 

For example. If your slides slide in right to left and your starting postion is 100vw, calculate the negative position by -Math.abs(containerObj.width). Then to move it off the screen it will be -Math.abs(containerObj.width * 2)

[Slider issue on mobile.]

Hi All,

I've been working on a rotation slider based on gsap. I seem to have it down, however its not exactly hitting 0 on mobile. Any help would be awesome.

 

Thanks guys.

See the Pen XWNYeJp by stewart-martin (@stewart-martin) on CodePen

[Opacity Problem.]

Hi Zach,

 

Thanks for the reply and the assist. I tried with your code and it still did not go through as expected. The y axis would animate but the opacity wouldn't so I started turning things off one by one and found there is a conflict with the slick.js slider I am using. Not exactly sure where the conflict lies.

[Opacity Problem.]

Hello all,

 

I'm fairly new to this. I did use to use greensock back in the days of flash, however I'm trying to learn and use it with JavaScript. 

 

So, to get started. I have a site I'm building for a client (WHMCS theme) and they want thier domain extensions to animate (fade in and up the y axis) in and out (fade out and down the y axis) for two different sets of domain extensions (5 extensions per slide). The extensions will animate up and down the y axis but the opacity isn't touched. It stays at 0 and I can not figure out why.

 

Any help would be appreciated. 

 

Thank you.

See the Pen OJNwWLK by stewart-martin (@stewart-martin) on CodePen