search

Aqro / gooey-hover-codrops

Gooey Hover Effects on Images with Three.js
https://tympanus.net/codrops/?p=43947
417 stars 100 forks source link

No vertical scroll on detail #1

Closed DevineJasper closed 4 years ago

DevineJasper commented 4 years ago

What an amazing project! It's beautiful and so delightful.

However, when I click on an image and go to the detail view, I am not able to scroll vertically.

I've put a height: 100% on the aside class="detail-view" which makes the scrollbar visible when you're on a detail page, however, scrolling does not work. You can navigate down with the scrollbar though.

When you scroll on a detail page, the H1 element & the div class="scroll-content" both change their x-value in the transform: translate3D CSS styling.

Any idea how the vertical scrolling with a mousewheel can enable on a detail-view?

Aqro commented 4 years ago

Hi Jasper 👋 Actually, it wasn't supposed to be a 100% working website, just a demo.

To enable scroll on a detail view, you probably should init multiple scrollbars and switch between them depending on the view. You can check on Smooth scrollbar repo for more details.