jQuery: уведомление о видимых элементах HTML

Question

Я хочу узнать, когда элемент страницы включен или выключен на экране зрителей. В частности, я хотел бы иметь возможность "отключить" сценарий HTML 5 canvas (Processing.js), если пользователь прокрутил мимо холста и снова включил его, когда он снова виден в браузере пользователей.

Имеет ли это смысл? Я думаю, что DOM должен каким-то образом отключить уведомление через ajax, чтобы включить и выключить скрипт canvas.

спасибо.

/////////// РЕДАКТИРОВАТЬ (окончательный код) ////////// Вот последний код, который я использовал:

$(window).bind('scroll', function(){
   var $canvas = $('#canvas');
   var pos     = $canvas.offset();
   var total = pos.top + $($canvas).height();
   var wndtop  = $(this).scrollTop();

   if(wndtop <= pos || wndtop >= total ){ 

   }

});

Answer 1

Вы можете прикрепить обработчик событий к window scrolling. Как

$(window).bind('scroll', function(){
   var $canvas = $('#hlogo');
   var pos     = $canvas.offset();
   var wndtop  = $(this).scrollTop();
   var wndleft = $(this).scrollLeft();

   if(wndtop <= pos.top && wndleft <= pos.left)
      $canvas.hide();
});

Answer 2

Вы должны иметь возможность настроить код в ссылке ниже для ваших нужд. Проверьте, виден ли элемент после прокрутки

Answer 3

Вы можете сделать это, используя свойства DOM element.y, element.style,height и window.scrollY.