Streaming live at 10am (PST)

Unable to contain hover effect within the viewport

https://preview.webflow.com/preview/dandy-997650?utm_medium=preview_link&utm_source=designer&utm_content=dandy-997650&preview=a382982f908c0d27a4efbf2c48d5b964&mode=preview

Hey Guys, I am unable to contain the hover effect within the viewport. The hover effect comes within the viewport when I change the overflow to Hidden: But then I am unable to scroll and see the other sections. Please suggest

1 Like

Haven’t looked at your link yet, but I think you’re trying to put overflow hidden on the Body, which will invariably end up locking the scroll.

Put overflow hidden on your sections instead.

Thanks @vincent I tried to put the section but still facing the same issue: Here’s the code with the section in place (previously it was body) :

* { box-sizing: border-box; } .image { width: 4rem; } .app { height: 100vh; } canvas { display: block; position: absolute; top: 0px; left: 0px; z-index: -1; pointer-events: none; } .link img { display: none; } SectionThird { overflow: hidden; }