Question

我希望能够找到页面元素何时打开或关闭查看器屏幕。具体来说，我希望能够“关闭”html 5画布（Processing.js）脚本，如果用户滚动浏览画布并在用户浏览器中再次可见时重新开启。

这有意义吗？我认为DOM必须有一些方法可以通过ajax发出通知来打开和关闭画布脚本。

感谢。

/////////// 编辑（最终代码） ////////// 这是我使用的最终代码：

$(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

您可以使用DOM属性element.y，element.style,height和window.scrollY来完成此操作。

Answer 3

您应该可以根据需要调整以下链接中的代码。 Check if element is visible after scrolling

jQuery：可见html元素的通知

3 个答案: