Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当有东西进入视口时尝试添加偏移_Javascript_Jquery_Viewport - Fatal编程技术网

Javascript 当有东西进入视口时尝试添加偏移

Javascript 当有东西进入视口时尝试添加偏移,javascript,jquery,viewport,Javascript,Jquery,Viewport,我从Remy Sharp那里找到了一个jQuery插件,我想在某些东西进入视口时使用它添加/删除类,然后在再次出现时再次触发。它工作正常,但它在视口中一触发,我想给项目添加淡入效果,如果立即触发,它基本上会隐藏 我曾尝试向代码中添加+200,这是可行的,但当向后滚动时,它也会+200,这意味着它将在向后滚动时进入视口之前触发。我找不到一种方法,当它来自底部时,将+200设置为+200,当它来自顶部时,将-200设置为-200,这意味着当元素在视口中已经很少时,它将始终触发 这些目标具有以下效果:

我从Remy Sharp那里找到了一个jQuery插件,我想在某些东西进入视口时使用它添加/删除类,然后在再次出现时再次触发。它工作正常,但它在视口中一触发,我想给项目添加淡入效果,如果立即触发,它基本上会隐藏

我曾尝试向代码中添加+200,这是可行的,但当向后滚动时,它也会+200,这意味着它将在向后滚动时进入视口之前触发。我找不到一种方法,当它来自底部时,将+200设置为+200,当它来自顶部时,将-200设置为-200,这意味着当元素在视口中已经很少时,它将始终触发

这些目标具有以下效果: -element1滚动到几乎看不见的地方 -元素1:这是一门淡出的课程 -element2进入视口 -element2在课堂上获得淡入状态

当向上滚动时,应该会发生相反的情况,我认为代码可以实现这一点,因为它可以在不在视口中时删除类,因此如果我没有弄错的话,可以将其作为切换。我还想向另一个元素添加一个类,比如同时淡入的图像

我试图改变这一行(36)

对此

top = $el.offset().top + 200,
它可以工作,但会导致向上滚动的问题

我在这里加入了对代码的修改:

top = $el.offset().top + 200,