jquery scroll высота зависания div

Question

У меня есть цикл wordpress. Каждая статья имеет класс «.post». У меня есть кнопка с классом «.skip» для каждой .post. Когда нажимается кнопка, я хочу, чтобы страница была прокручена до следующей .post в цикле.

Я использую этот

$(function(){ 
    $(window).scroll(function(){ 
     $(".post").each(function(){ 
      var height = $(".post").height(); 
      var scroll = $(window).scrollTop(); 
      $(".skip").click(function(){ 
       $(window).scrollTop(scroll+height); 
      }); 
     }); 
    }); 
}); 

Что-то делается, но не так как надо!

I mean..the страница прокручивается по щелчку, но с высотой первого .post (независимо от того, что .post кнопки Пропустите принадлежит)

Помощи!

.post контейнер из петли в.ч.

<article <?php post_class(); ?>> 
    <div class="skip">skip</div> 
    <?php if (has_post_thumbnail()) : ?> 
     <div class="container"> 
      <div> 
       <?php the_post_thumbnail(); ?> 
      </div> 
     <h2 class="post-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2> 
     </div> 
    <?php else: ?> 
     <h2 class="post-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2> 
    <?php endif; ?> 
    <?php the_content(); ?> 
    <a href="<?php the_permalink(); ?>" class="more">more</a> 
</article> 

Answer 1

$(function() { 
    $(".skip").click(function() { 
     var height = $(this).parent('article').height(); 
     var scroll = $(window).scrollTop(); 
     $(window).scrollTop(scroll + height); 
    }); 
}); 

Answer 2

Вы должны попробовать это

$(function(){ 
    $(window).load(function(){ 
     $(".post .skip").click(function(){ 
      var height = $(this).parent(".post").height(); 
      var scroll = $(window).scrollTop(); 

      $(window).scrollTop(scroll+height); 
     }); 
    }); 
}); 

Вы не можете инициализировать вар «прокручивать» вне отзывом события щелчка, однако это будет 0 (начальная верхняя прокрутка: верх страницы = 0).