Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
jQuery将类添加到具有延迟的可见元素_Jquery - Fatal编程技术网
Fatal编程技术网
  • jquery/
  • jQuery将类添加到具有延迟的可见元素

jQuery将类添加到具有延迟的可见元素

jquery

jQuery将类添加到具有延迟的可见元素,jquery,Jquery,我想为当前窗口中的每个元素添加一个类，在两个元素之间添加一个延迟，以实现domino效果 我的延迟做得很好，但是将类添加到所有匹配的元素中，而不仅仅是视图中的元素 $(document).ready(function() { $('.box').each(function(i){ if($(this).scrollTop() <= $(window).scrollTop() + $(window).height()) { var tile = $(this);

我想为当前窗口中的每个元素添加一个类，在两个元素之间添加一个延迟，以实现domino效果

我的延迟做得很好，但是将类添加到所有匹配的元素中，而不仅仅是视图中的元素

$(document).ready(function() {
  $('.box').each(function(i){
    if($(this).scrollTop() <= $(window).scrollTop() + $(window).height()) {
      var tile = $(this);
      setTimeout(function() {
        tile.addClass('visible');
      }, 500*i);
    };
  });
});

$（文档）.ready（函数（）{
$（'.box'）。每个（函数（i）{

如果（$（this）.scrollTop（）您不想检查框的
scrollTop
。您想检查
offset（）.top

这应该起作用：


$(document).ready(function() {
  $('.box').each(function(i){
    if($(this).offset().top <= $(window).scrollTop() + $(window).height()) {
      var tile = $(this);
      setTimeout(function() {
        tile.addClass('visible');
      }, 500*i);
    };
  });
});



$（文档）.ready（函数（）{
$（'.box'）。每个（函数（i）{

if（$（this）.offset（）.top）您看过jquery中的
延迟了吗？