Extra space appear in end part of horizontal scroll and some question

[WakuWakuCodingu]

Hi, I was learning to create a simple horizontal.

However, there was an extra space appear in last part.

 

Attached with the is a code I created.

 

I have some question about it:

1)Why there are extra space appear in the end of horizontal scroll and how to remove it?

2)Is it possible to create horizontal scroll with "pinSpacing" only and without "end"?

3)How do I estimate how much width i needed for my horizontal scroll

 

My english isnt that good, any help will be appreciated!  Thank you!

See the Pen ZEZoyOb by WakuWakuCodingu (@WakuWakuCodingu) on CodePen

[GreenSock]

That's because your code is set up assuming each box will be the width of the viewport. But they're narrower. You just need to do the calculations properly.

 

I assume this is what you're looking for: 

See the Pen NWmMgjZ by GreenSock (@GreenSock) on CodePen

[WakuWakuCodingu]

Hi, thanks for the reply and advice!

 

This is the result I was finding for!