Fixed header with shadow image on scroll with scrollable content area

房东的猫 提交于 2019-12-08 10:27:48

问题


I have a header and content area and it will be like a normal site. But whenever you scroll the page, a shadow image will appear in the bottom of the header (header height will be approx. 200px.). Content part will be scrollable and header will be fixed. Shadow image will disappear while you scroll back to top. The shadow image will appear only when a user scrolls the page. Please let me know how I can do this.

For example, please check http://mashable.com and go to any article. Whenever you finish the article, a popup from right side will appear. And similarly, when you scroll up, right popup disappears. Whenever right box appears, the rest content is scrolling behind it.


回答1:


I found this - http://jsfiddle.net/3cRe5/

does this solve your problem?



来源:https://stackoverflow.com/questions/7833843/fixed-header-with-shadow-image-on-scroll-with-scrollable-content-area

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!