修正了滚动时带有阴影图像的标题与可滚动内容区域 [英] Fixed header with shadow image on scroll with scrollable content area

问题描述

我有一个标题和内容区域，它就像一个普通的网站。但是，无论何时滚动页面，标题底部都会出现阴影图像（标题高度约为200像素）。内容部分将是可滚动的，头部将被修复。当您滚动回顶端时，阴影图像会消失。阴影图像只有在用户滚动页面时才会出现。请让我知道我该怎么做。

例如，请查看 http ：//mashable.com 并转到任何文章。无论何时您完成文章，都会显示右侧的弹出窗口。同样，当你向上滚动时，右边的弹出消失。每当出现右框时，其余的内容就会滚动到后面。

/jsfiddle.net/3cRe5/rel =nofollow> http://jsfiddle.net/3cRe5/

这是否能解决您的问题？

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.

解决方案

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

does this solve your problem?

这篇关于修正了滚动时带有阴影图像的标题与可滚动内容区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！