Custom CSS for one page scroll effect

Jan Gregor

• October 04, 2021 13:54
• Edited

Hi guys,

I've been in love with the one page scroll effect that is popular for portfolio websites. Sadly Brizy doesn't offer this feature as native so I've been trying a couple days to implement it over custom CSS but still having issues and the most important tag "scroll-snap-align: start;" doesn't work. I'm working with Brizy Cloud (page settings - custom CSS).

There is my custom CSS code for the effect. I have tagged pageroll as CSS class on the elements that I want to scroll as a one page snaps.

section {

height: 100vh;

display: flex;

justify-content: center;

align-items: center;

scroll-snap-align: start;

}

.pageroll{

    scroll-snap-type: y mandatory;

    overflow-y: scroll;

    height: 100vh;

}

Can someone please help me?

Thanks.

0

• 

  Permanently deleted user

  • October 05, 2021 09:10

  Hi Jan,

  Thank you for contacting us.

  We would love to help you, but unfortunately, our developer team is too busy to fix the issues that we have already and they do not manage to do custom work.

  Best regards, Nelea.

  0
• 

  Gerhard Klein

  • August 01, 2023 10:16
  • Edited

  not sure, but i found this, maybe it helps you (comes in a little late)

   

  https://webtricks.brizy.site/how-to-make-snapping-scroll-sections-with-javascript

   

  didnt try it yet tho, but i also was looking for something like that ;-)

  0

Please sign in to leave a comment.