Website not scrollable

Community resources General
1

Hi guys,

My website is not scrollable. (My body is overflow = visible). Does someone has any idea how to fix this?

https://vibe-dashboard.webflow.io/now-playing

Thanks!
Wouter

2

Please share your read only link! I can’t see the website otherwise, it just looks like a static landing page.

3

I see! Sorry!

https://preview.webflow.com/preview/vibe-dashboard?utm_medium=preview_link&utm_source=designer&utm_content=vibe-dashboard&preview=ceb12ddf2e20bf2201e9f1531f1df11c&pageId=5e600d7b34ad5dd55790529a&mode=preview

4

I’m a bit confused, what are you trying to scroll to?

There doesn’t seem to be anything on the page outside the viewport, so there is nothing else to scroll to

1 Like
5

Add more content, than you can scroll.

6

Your elements are set up “incorrectly” too. I added a larger item, but your elements are fixed so they don’t scroll anyways.

I’m not sure why you’re using position: fixed so much, but you should avoid it unless there’s a good reason (like the button on the bottom right). It’s causing a lot of weird issues.

7

That’s because I want each element to stay on the same place. (I thought that ‘fixed’ is the only way to do this.

8

That element would usually stay fixed in relation to the viewport, it’s a problem when you start scrolling!

I would suggest taking a quick peak through MDN’s doc on CSS position!