CSS过渡在身体溢出中的可滚动div上不起作用：隐藏

Question

I want to use this header effect on the website I am working on but with some modifications. I need to implement this on div instead of header. The problem is that this js/css effect is not working with my css which is:

body{ width:100%; overflow:hidden; }

Since I need this to be on some div that is scrollable I think it is not a big problem to make that possible. I just don't understand javascript so much and that is why I need your help. Here i made jsfiddle with working animation where you can see all external js/css.

Thanks in advance!

Answer 1

If you set overflow to hidden on the body it will cut the text to the body size, so you will be unable to scroll. You can use overflow: scroll or auto (that will set it to scroll because the text is bigger than the body). In that way all your content will be rendered.