Javascript 将一个div滚动到上方的div顶部
我试图复制在本页上看到的效果： 当您滚动页面时，较暗的hero部分下方的白色部分会滚动到顶部hero部分的顶部，就像幕布一样Javascript 将一个div滚动到上方的div顶部,javascript,jquery,css,Javascript,Jquery,Css,我试图复制在本页上看到的效果： 当您滚动页面时，较暗的hero部分下方的白色部分会滚动到顶部hero部分的顶部，就像幕布一样 我如何复制这个？这是jQuery还是CSS定位？真的不确定如何处理此问题吗？如果使用位置：固定的和位置：绝对的，则可以在图像背景上方创建内容传递效果。之后，在捕获滚动事件时，使用jquery效果管理文本的淡出（） <body> <div id="top"> </div> <div id="content"&
我如何复制这个？这是jQuery还是CSS定位？真的不确定如何处理此问题吗？如果使用
位置：固定的和位置：绝对的，则可以在图像背景上方创建内容传递效果。之后，在捕获滚动事件时，使用jquery效果管理文本的淡出（
）
<body>
<div id="top">
</div>
<div id="content">
</div>
</body>
您在上有一个名为a的示例，它是通过javascript实现的
以下是一个可用于您自己项目的示例。jQuery助您一臂之力！只需在文档的.scrollTop（）
位置以数学方式平滑地重新排列其他文档。@CP510我不是在淡入淡出之后，只是在顶部上方滚动底部部分的滚动运动。你知道我该怎么做吗？你能分享一些代码示例让我开始吗？我更喜欢在这个插件中使用jQueryTry：我已经添加了一个示例来开始开发。
#top{
position:fixed;
height : 200px;
width : 100%;
background-image:url("http://www.falve.co.nz/site/uploads/2012/09/1500x900-collection-page-image.jpg");
background-size:cover;
z-index:1;
}
#content{
position:absolute;
height : 2000px;
margin-top:200px;
width : 100%;
background-color:#F99;
z-index:2;
}