Javascript 如何使元素在某一点后停止滚动？

我想复制页面的一部分，若你们向下滚动一点，你们会看到一张图和一些文本。

---

有人知道他们是如何在照片和文本上产生滚动效果的吗？文本出现在某个点之后，他们是怎么做到的

听起来这里有两个问题。一个是如何仅在项目已经在视口中时显示项目，另一个是如何应用视差效果

对于仅在项目位于视口内时才显示项目，ScrollReveal看起来像是一个可以使用的工具。您可以在这里查看：

至于视差效果，我制作了一个超级轻量级的Javascript类，您可以使用它。请在此处查看源代码：

您需要在代码中更新一些内容才能使其正常工作

将所有Javascript代码复制到主JS文件中

将“视差内容”类添加到任何要应用效果的项目中

在相关DOM元素上指定“视差偏移”和“视差轴”属性 例如：

假设你有一个像这样的图像元素

<img src = "./path/to/image.png" />

我想沿y轴应用一个细微的视差效果。 我需要做的就是调整属性，如下所示：

<img src = "./path/to/image.png" class = "parallax-content" data-parallax-offset = "-50" data-parallax-axis = "y" />

现在运行您的代码并查看它的运行情况！请随意使用数据parralax偏移量，以获得适合您需要的速度。我很乐意回答关于代码的任何问题

---

祝你好运

这是视差不？你试过什么了吗？通过该站点使用的方式：您可以尝试使用skrollr.js。简而言之，他们设置了一个相对于包含文本/图像的div的位置作为事件触发器。非常感谢！没问题，如果你有任何问题，请告诉我：）嘿，我有个问题<代码>var translate=函数（_-amt）{u-amt=“translate”+dir+”（“++u-amt+“px）”；var-transform={'-webkit-transform'：_-amt'，-moz-transform'：_-amt，'transform'：_-amt}；$i.css（transform）；}在_amt=“translate”+dir+”（“+_amt+”px）”中，“translate”是什么意思；？这部分是什么意思<代码>变量更新=函数（_scroll）{var translateAmount=getDistanceFromCenter（_scroll）/viewport.c*缓冲区；translate（translateAmount）；}；更新（0）；返回{update:update}所以translate指的是通过CSS移动对象的像素值。您可以获得CSS转换的完整解释。要回答您的第二个问题，更新功能将接收滚动量，并根据特定项目距浏览器窗口垂直中心的距离确定其像素偏移量。