如何获取/ catch事件关闭屏幕元素？

Question

我试图让固定的表头，并且当你向下滚动并且表头去掉屏幕时可以捕获事件或catch元素吗？

Answer 1

一种方法是使用窗口的滚动事件，并检查元素在那里是否可见。

如何检查是否一个元素在屏幕上，这里回答：Check if element is visible on screen

这里是如何把这些代码到自定义事件entered_view和exited_view：

var $element = $('#some_element'); 
var is_visible = false; 

$(window).on('scroll', function (e) { 
    // Check if $element is on screen using code from other answer 

    if (checkVisible($element)) { 
     if (!is_visible) { 
      $element.trigger('entered_view'); 
     } 
     is_visible = true; 
    } else { 
     if (is_visible) { 
      $element.trigger('exited_view'); 
     } 
     is_visible = false; 
    } 
}); 

一旦你得到它的工作，你可能还想要反弹滚动事件：Here's info about debouncing/throttling in jquery。