Unable to contain hover effect within the viewport


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; }