代码之家 › 专栏 › 技术社区 › superUntitled

jQuery:可见html元素的通知

canvas html5 jquery

superUntitled · 技术社区 · 14 年前

我希望能够找出页面元素在查看器屏幕上的显示时间。具体来说,我希望能够“关闭”一个HTML5canvas(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 ){ 

   }

});

3 回复 | 直到 14 年前

jAndy 14 年前

可以将事件处理程序附加到 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();
});

srigi 14 年前

您可以通过使用DOM属性来实现这一点 element.y , element.style,height 和 window.scrollY .

Community leo1 7 年前

你应该能够根据自己的需要调整下面链接中的代码。 Check if element is visible after scrolling

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前