Jquery 如何使用scroll top在css中触发动画？

我在使用scrolltop（）函数触发带有css的动画时遇到问题。当用户向下滚动到70像素时，我希望文本“向下滚动以更改效果”隐藏并显示这两个按钮。但这个功能似乎不起作用。我是否必须使用偏移来触发动画？请帮忙，我想熟悉jquery和动画css

下面是我的代码：

$（文档）.ready（函数（）{
如果（$（窗口）.scrollTop（）>70）
{
$（'.process h2'）.hide（）；
$（'.processa'）.show（）；
}
否则{
$（'.process h2'）.show（）；
$（'.processa'）.hide（）；
}
});
h1、h2、h3、h4、h5、h6{边距：0；}
a{文本装饰：无；颜色：#2aabcc；}
正文{背景：#F3；高度：1200px；}
.container{宽度：1000px；最大宽度：100%；位置：相对；边距：0自动；填充：0；}
.page_头{溢出：隐藏；}
.page_页眉h1{文本对齐：居中；位置：相对；动画：pagetitle 1.5s；}
.process{文本对齐：居中；填充：30px 10px；}
.处理一个{颜色：#000；显示：内联块；行高：44px；边框：1px实心#000；边距：0自动；宽度：150px；高度：44px；文本对齐：中心；}
.process a:悬停{颜色：#b51e1e；边框：1px实体#b51e1e；}
@关键帧页面标题{
0%{transform:translateY（-81%）；不透明度：0；}
50%{不透明度：0.5；}
100%{变换：translateY（0%）；不透明度：1；}
}

欢迎来到动画滚动
向下滚动以更改效果
您需要将文档绑定到
$（document）.scroll（）
。现在您正在使用
$（document）.ready（）
事件，它只声明当文档准备就绪时应该发生的事情。但是要声明文档滚动（事件）时的一组函数/特性，必须使用适当的jQuery事件，在本例中是
scroll（）

这就是我一直在找的，谢谢。但我有一个问题，先生，如果用户在50像素的设计垂直位置刷新页面，效果是否仍然有效？因为我已经尝试过了，它仍然会显示文本而不是按钮，除非用户将滚动一次，并且不会生效。默认情况下，浏览器从不保存滚动位置。不过，您可以使用cookie或localstorage之类的工具来实现，但这会带来全新的“复杂性”。但是，如果您感兴趣，这里有一个链接：。如果我的答案对你有帮助，别忘了把它标对。谢谢
$(document).on("scroll", function () {
     if ($(document).scrollTop() > 70)
      {
        $('.process h2').hide();
        $('.process a').show();

      }
      else {
          $('.process h2').show();
          $('.process a').hide();
      }
});