Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 5, 2017 at 12:35 am #860357
    Guenni007

    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)

    https://webers-testseite.de/apple-blur/

    • This topic was modified 7 years, 2 months ago by Guenni007.
    October 5, 2017 at 12:35 pm #860571
    Rikard

    Hey Guenter,

    Very nice work indeed! Would be great if you can share what you did exactly to achieve that effect.

    Best regards,
    Rikard

    October 5, 2017 at 2:07 pm #860586
    Guenni007

    Realy ? – you mean that column scrolling ?
    i thought that something should stay here as     Unique Selling Proposition on my site – as the kriesi circle :lol:

    • This reply was modified 7 years, 2 months ago by Guenni007.
    October 5, 2017 at 4:29 pm #860646
    Guenni007

    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 timing

    October 6, 2017 at 7:12 am #860875
    Rikard

    Hi Günter,

    Cool, very nice work! I think you should use that as a selling point :-)

    Best regards,
    Rikard

    October 6, 2017 at 10:02 am #860919
    Guenni007

    see private content

    • This reply was modified 7 years, 2 months ago by Guenni007.
    October 6, 2017 at 1:42 pm #861013
    Victoria

    Hi Günter,

    That’s great! Thank you for sharing!

    Best regards,
    Victoria

    October 6, 2017 at 2:54 pm #861036
    Guenni007

    in 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

    https://webers-testseite.de/apple2

    October 6, 2017 at 2:57 pm #861038
    Guenni007

    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.

    October 10, 2017 at 5:06 am #862244
    Ismael

    Hi,

    Awesome. Thanks for sharing.

    Best regards,
    Ismael

    October 10, 2017 at 4:07 pm #862501
    gregorh

    Thanks a lot Guenni007!!
    Hab zwar aktuell keine Verwendung dafür, aber toll zu sehen was für fähige Köpfe sich hier tummeln.
    Super!!

    Grüße,
    Gregor

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.