scroll bar query

[Richard1604]

Hello again,

I've had another very enjoyable day delving into the depths of GreenSock looking at the excellent examples and questions that people have posted.

I have a very simple query which seems to be recurring in several places: concerning initial behaviour when an animation first starts up.

the above code pen is a variant of something in the basic documentation and it works perfectly in the code pen...

however on my PC using chrome as a browser I notice that at the bottom of the screen there is a scroll bar (indicating that the screen is wider than window).

The scroll bar "adjusts" itself every time one of the boxes enters  the display area and then disappears for the duration of the animation as it repeats.

As I said, the phenomenon does not happen in the code pen however it is real and I could post a screen shot if that possibly helps.

   

See the Pen wvMOQXM by rb1604 (@rb1604) on CodePen

[OSUblake]

You need to hide the overflow.

body {
  overflow-x: hidden;
}

 

[Richard1604]

Many thanks!

That's another thing that I have learnt today.

My CSS and javascript are rapidly improving and this solution is widely applicable.

Thanks again.