如何获取/捕获屏幕元素外的事件？

Question

我正在尝试制作固定的表格标题，当您向下滚动并且表格标题离开屏幕时，是否可以捕获事件或捕获元素？

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。