Блог

У меня есть 4 divs, для которых установлена высота 100%, чтобы каждый div отображал весь экран.

Когда я прокручиваю вниз до div, скажем, с идентификатором #port, и большая его часть находится в поле зрения, я хочу, чтобы он запускал функцию jQuery, а когда ее больше нет в поле зрения, я хочу, чтобы она запускала другую функцию.

Я могу заставить его работать, когда вы прокрутите вниз до div. когда div находится почти на вершине, он запускает мои функции, но как только тот же самый div «портфолио» больше не отображается, мне нужно, чтобы он запустил другую функцию.

вот что я пробовал:

 $(document).ready(function() {

  var port = $('#port').offset().top - 10;

  $(window).scroll(function(){
    var top = $('body').scrollTop();
    if( top > port ){
      function1();
      function2();
    }else{
      function3();
     }
   });
 });
  

Опять же, я могу заставить его запускать function1 и function2, когда div почти достиг вершины, но мне нужно, чтобы он запускал третью функцию, когда тот же div больше не отображается.

КРОМЕ того, если есть лучший способ сделать это, пожалуйста, дайте мне знать. Я знаком с jQuery, но все еще считаю себя новичком по сравнению с другими.