Javascript 隐藏和显示html元素

我在wordpress网站上工作。我在这方面是新手，以下是我迄今为止所取得的成就。我试图在页面滚动上隐藏和显示内容，并且，我已经尝试使用javascript来实现这一点。我不知道是否有更好的方法。当从上到下滚动时，此代码工作正常，但从下到上滚动不正常。它跳过了内容。谢谢

$（函数（）{
$（“#幻灯片标题”）.hide（）；
$（“#幻灯片标题”）.hide（）；
$（“#幻灯片标题”）.hide（）；
$（'.slide fivetitle'）.hide（）；
$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=300）{
$（“#幻灯片一标题”）.show（）；
}否则{
$（“#幻灯片标题”）.hide（）；
}
如果（scroll>300&&scroll 800&&scroll 1400&&scroll 2000&&scroll我真诚的意见是，如果你热衷于编写代码，特别是javascript，Wordpress可能不是一条出路。它是一种CMS，主要面向无意编写代码的人

我只能邀请你尝试一些东西，比如你首先遇到的所有问题都将在哪里为你解决。
不要麻烦滚动你自己的惰性加载程序。只需使用一个已经过战斗测试的加载程序：它将根据内容而不是滚动条位置加载。这一点很重要，因为内容的可见性基于滚动条位置的le将根据视口的高度和宽度而变化。因此，您希望它基于内容位置而不是滚动条位置加载。您能告诉我如何在我的上述代码中使用它吗？谢谢，看起来您已经在导入和使用jQuery了，所以您的部分方法是这样的。您可以禁用所有这些你的懒惰加载器逻辑你在那里，相反，导入jQuery导入下面的插件，并按照文档说明如何实例化懒惰加载器并实现它。如果你向下滚动一点，我链接的页面上有说明。我需要在这里添加懒惰类吗，排HQ KING'S CROSS LONDON 1？是的。你将把.lazy类添加到您希望插件控制的页面上的y个元素。插件将为您确定何时显示内容，并且您可以使用threshold属性在内容显示之前调整偏移量（您必须滚动多远）。