Continuous scrolling of page after div with internal scrolling

Asked

Viewed 121 times

0

In the middle of the page I have a div with an internal scroll, when I roll the page and I reach this div when using the mouse wheel I get stuck in it, when the div ends the scrolling does not continue to the rest of the page, there is a way to make the scrolling is continues?

As an example have the globe play videos page: https://globoplay.globo.com/v/5136913/

  • It’s good to have the code so we can look better.

  • Why don’t you put an internal "scroll" in very small css?

  • See that in the example you gave, you need to mouse over the box, for it to do the internal scroll. It should have using a "onmouseup". and "onmouseout" to enter/exit the event. This has nothing to do with the layout.

  • My layout is bigger than the height of the box, but when I roll the content inside the box using the mouse wheel and this content comes to an end I cannot scroll the rest of the page, the scrolling is stuck to this box.

  • 1

    something like this: <div onmouseover="this.style.overflow='auto';document.body.style.overflow='hidden';" onmouseout="this.style.overflow='hidden';document.body.style.overflow='auto'"></div>&#xA;

  • I solved the problem, it was environmental issue, internal was not working, thanks for the help!

Show 1 more comment
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.