free space between pinned sections

[artstyle]

as you can see i have too much free space between two pinned sections

how can i decrease this space?

 

or its not the "pin" problem and i should play with height and width of the section?

See the Pen ExgYEge?editors=1010 by aptypkaa (@aptypkaa) on CodePen

[akapowl]

Hey @artstyle

 

What do you mean with 'too much white space' and 'the pin problem'?

 

If you comment out all your js, I don't see there being too much white space - looks quite balanced to me

 

See the Pen d8d9e6350baacd689eb7dc8916e58f63 by akapowl (@akapowl) on CodePen

 

I think it is just a matter of perception, because the part where the content is supposed to be, is initially blank, before you get there.

 

 

 

Since you seem to be animating each of your sections from invisible at first, to visible on enter and the other way round when leaving, anyways, what you could consider is positioning all of your seections absolute - stacked above each other on the z-axis so to say, and only animate in the section, you want to be visible - this way you would have more control over the 'whitespace' in between.

 

Here is an example of what I mean:

 

See the Pen 97b394ab371e8fa72803508f89d7ae29 by akapowl (@akapowl) on CodePen

 

[artstyle]

i will try to play with margins to achieve the effect i wanted