Streaming live at 10am (PST)

Page not scrolling due to custom body overflow hidden styling


#1

Hello everyone,

I'm working on my first Webflow site, couldn't be more excited to use this amazing tool.

So I've been making progress on my landing page for a while before realizing that I can't scroll past my intro section when I'm not in Safari. It's a pretty simple bug... I have the hero section set to 100VH and I can scroll down to the other sections just fine in Safari but in Chrome for OSX 10.11 and Windows 10 I literally can't scroll OR use the keyboard down arrow or page down to see the other contents of the page below the first section. The html for the other sections are in fact loaded so I'm not sure exactly what I'm using in the CSS which is causing this discrepancy in behavior.


Here is my public share link: https://preview.webflow.com/preview/effixx?preview=4cbb08cd95669e0e96d8e22e5b801bc5

http://effixx.webflow.io


#2

Hi @effixx, thanks for the post.

You are using some custom code on the site, which is setting the body to overflow hidden. This results in the page not scrolling, remove that custom css and republish, and the page should scroll:

on the published page:

I hope this helps!


#3

@cyberdave Aha! Thanks so much... I can't even remember what I was trying to solve with that... very much appreciated.


#4

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