Streaming live at 10am (PST)

Down button in full screen view to scroll down automic


#1

Hi Webflow,

I'm working on a new website where the cases have a full screen view. To make it easier I want to place an arrow on the image so it can beclicked on to scroll to the section below the header. I had this working, but somehow when i hit the button it doesn't go down.


Here is my public share link: https://preview.webflow.com/preview/lux-expo?preview=c350b84b226a77aaa968105544cfaf31

And it is about this page: http://lux-expo.webflow.io/work/kandidaat-1

Thanks in advance


#2

Hello, @martijnrunia

The reason of the issue that you are experiencing is fixed navigation, which takes full height of the screen.

In HTML5 the navigation (tag "nav") or header (tag "header") with fixed position automatically "cutting" screen height so the sections with the scrolling navigation would stop just UNDER that element (nav or header). Since your navbar take all screen, the section stops under the screen.

Workaround:
Wrap the navbar with section or div, make that section position: fixed and navbar make position: absolute.

Regards,
Anna


#3

Hi Anna,

Thanks for your reply, this workaround worked!


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.