Javascript 带有超级滚动图像的动画滚动+；绿岩

我在想Javascript动画滚动条的问题时遇到了点麻烦

我使用的是构建在Greensock JS tweening库之上的SuperScrolrama Jquery插件

我所追求的基本效果是“锁定”一个部分，然后使用垂直滚动来扩展某些内容，然后在内容完全扩展后“取消锁定”该部分，这样用户就可以继续滚动-即

但是，当我试图一个接一个地将相同的效果应用于多个部分时，所有内容都会被破坏：固定元素下方的“未固定”内容被推离屏幕，并且在反向执行动画（即，向上滚动页面）时，它似乎错误地计算了元素的高度i、 e

我一直在无休止地摆弄“position:fixed”和“pin-spacer”div，并尝试将SuperScrolrama插件附加到各种包含元素上，但仍然无法解决如何使其工作

我们将非常感谢来自网络上优秀的众包头脑的任何帮助

干杯

---

TN.

我自己也在处理这个问题。发生的情况是，将一个空白的div分隔符放置在被固定的部分上方，其高度是您在pin（）函数中定义的。其次，固定元素将获得一个位置：固定指定给它。这两种功能都允许滚动条继续向下移动页面，同时元素保持附着状态。反过来，你在那部分下面的任何东西都会因为间隔球的高度而被撞倒

如果固定的元素水平居中，首先给它一个left:50%，margin left:-{width/2}px，以固定它推到左边的位置

接下来，您必须检测pin/unpin事件（插件提供的参数是“anim”的附加参数），并更改下面的部分以切换固定/相对位置。将基础截面更改为固定位置时，请确保将其“顶部”属性设置为固定图元的高度。锁定图元取消锁定后，将其更改回相对位置。这有什么意义吗

---

似乎不同的技术需要不同的修复，但这些都是我要注意的。。。固定定位，然后使用pin/unpin事件进行调整。

我自己一直在处理这个问题。发生的情况是，将一个空白的div分隔符放置在被固定的部分上方，其高度是您在pin（）函数中定义的。其次，固定元素将获得一个位置：固定指定给它。这两种功能都允许滚动条继续向下移动页面，同时元素保持附着状态。反过来，你在那部分下面的任何东西都会因为间隔球的高度而被撞倒

如果固定的元素水平居中，首先给它一个left:50%，margin left:-{width/2}px，以固定它推到左边的位置

接下来，您必须检测pin/unpin事件（插件提供的参数是“anim”的附加参数），并更改下面的部分以切换固定/相对位置。将基础截面更改为固定位置时，请确保将其“顶部”属性设置为固定图元的高度。锁定图元取消锁定后，将其更改回相对位置。这有什么意义吗

似乎不同的技术需要不同的修复，但这些都是我要注意的。。。固定定位，然后使用pin/unpin事件进行调整