如何获取/捕获屏幕元素事件?

我试图使固定的表头,当你向下滚动和表头关闭屏幕时,可以捕获事件或捕获元素?


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

如何检查屏幕上是否显示元素:在屏幕上检查元素是否可见

以下是如何将该代码转换为自定义事件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;
    }
});

一旦你得到它的工作,你可能也想去除滚动事件:这里有关于在jquery中的debouncing / throttling的信息。

链接地址: http://www.djcxy.com/p/83603.html

上一篇: How to get/catch event off screen element?

下一篇: jQuery When Image is Visible, View Count ++