-
Posts
-
here a board-member asked if it is possible to have the behavior of apple hight sierra website
well but the real thing on this site is: https://www.apple.com/de/macos/high-sierra/#photos-grid
scroll down and have a look.
different scroll velocities on columns – so comming to the bottom the columns end at the bottom the same time – have a look:
( i did it on that example page nearly left column is twice height of the right column)Hey Guenter,
Very nice work indeed! Would be great if you can share what you did exactly to achieve that effect.
Best regards,
RikardRealy ? – you mean that column scrolling ?
i thought that something should stay here as Unique Selling Proposition on my site – as the kriesi circle :lol:i’m on a solution for small screens when it goes to 1 column.
i guess i only toggle classes of columns
and this with debounce timingHi Günter,
Cool, very nice work! I think you should use that as a selling point :-)
Best regards,
Rikardin the meanwhile i think it is best if we take the grid row for that.
than we have the opportunity to put in as many 1/1 containers to the 1/2 grid as we like. And we can style each 1/1 container than.
the only thing to do is to give the grid-row 1/2 1/2 the class parallax – that is it.every class is needed is added by the function: again do not forget the throttle function
i can live with the minimal niveau difference on scrolling. The slower you scroll the better the result. Seems to be some rounding problems and throttle faults – but to make it withour throttling there are to many steady provings of the scroll event.
- You must be logged in to reply to this topic.