Javascript 使用jquery scrollify更改固定Div的Div内容

我有一个固定分区和三个分区

我正在使用jqueryscrollify来更改节的数据，我想更改鼠标滚轮滚动上的特定div数据

正如您所知，scrollify允许我们在鼠标滚轮旋转时滚动一个节，当节更改时，我需要使用n相应的节内容更新固定的div数据

截面高度和宽度将为屏幕高度和屏幕宽度

---

我问了几乎所有关于使用Scrollyfy网站的例子，但我没有得到任何回应，所以我决定用图形例子再次问，这是视差，你需要做的是看看这个例子

函数滚动页脚（滚动，高度页脚）
{
console.log（滚动）；
console.log（heightFooter）；
如果（滚动>=高度页脚）
{
$（'footer'）.css({
“底部”：“0px”
});
}
其他的
{
$（'footer'）.css({
'底部'：'-'+高度页脚+'像素'
});
}
}
$（窗口）。加载（函数（）{
var windowHeight=$（window）.height（），
页脚高度=$（'footer'）。高度（），
heightDocument=（windowHeight）+（$（'.content'）.height（））+（$（'footer'）.height（））-20；
//生命元素的定义
$（'#滚动动画，#滚动动画主'）.css({
“高度”：高度文档+“px”
});
//定义元素标题和内容
$（'header'）.css({
“高度”：窗口高度+px，
“行高度”：窗口高度+“px”
});
$（'.wrapper parallax'）.css({
“页边距顶部”：窗口高度+“px”
});
滚动页脚（window.scrollY，页脚高度）；
//奥达罗拉格姆酒店
window.onscroll=函数（）{
var scroll=window.scrollY；
$（'#滚动主动画'）.css({
'顶部'：'-'+滚动+'像素'
});
$（'header'）.css({
“背景位置y”：50-（滚动*100/高度文档）+'%
});
滚动页脚（滚动，页脚高度）；
}
});
#滚动动画
{
溢出：隐藏；
}
#滚动动画主
{
宽度：100%；
左：0；
位置：固定；
}
#高度页，
#高度卷轴
{
宽度：10px；
排名：0；
位置：绝对位置；
z指数：99；
}
#高度页
{
左：0；
}
#高度卷轴
{
右：0；
}
标题
{
宽度：100%；
身高：100%；
背景：url(https://raw.githubusercontent.com/hudsonmarinho/header-and-footer-parallax-effect/master/assets/images/bg-header.jpg)无重复50%50%；
排名：0；
位置：固定；
z指数：-1；
}
页脚
{
宽度：100%；
高度：300px；
背景：灰色；
底部：-300px；
位置：固定；
z指数：-1；
}
所容纳之物
{
高度：1000px；
最小高度：1000px；
背景：#ededed；
位置：相对位置；
z指数：1；
}
.视差{
利润率最高：100%；
边缘底部：300px；
盒影：0px 0px 20px rgba（0,0,0,0.5）；
}
h1{
宽度：100%；
身高：100%；
填充：0；
保证金：0；
文本转换：大写；
文本对齐：居中；
字体系列：Helvetica；
字体大小：150px；
颜色：#fff；
}
头h1{}
.内容h1{
线高：1000px；
颜色：#999；
}
页脚h1
{
线高：300px；
}
标题，
页脚，
#滚动动画主
{
-webkit转换属性：全部；
-moz转换属性：全部；
过渡性质：全部；
-webkit转换持续时间：0.4s；
-moz转换持续时间：0.4s；
过渡时间：0.4s；
-webkit过渡计时功能：立方贝塞尔（0,0,0,1）；
-moz过渡计时功能：立方贝塞尔（0,0,0,1）；
过渡计时功能：三次贝塞尔（0,0,0,1）；
}

标题
所容纳之物
页脚
这是一种视差，不完全是视差，存在分层图像，我需要更改div的内容，您可以使用'after'回调来实现这一点。每次滚动到新节时，Scrollify都会触发after回调，并将滚动到的节的索引传递给它。使用该索引，您可以隐藏/显示相关内容。这里的Scrollify示例：只需查看源代码，就可以完成您要查找的内容。