比较元素顶部的垂直距离和页面顶部的滚动距离

Question

我的js代码有问题，我想比较一个元素顶部的垂直距离和滚动距离，如果滚动距离大于一个元素顶部的距离，则固定div的位置“thead”id in页面顶部。

我的js代码：

var distance = $("#thead").offset().top;
var wdistance = $(window).scrollTop();
if (wdistance > distance) {
 alert('this is test');
};

中的

演示

jsfiddle

Answer 1

您只需添加滚动处理程序：

var distance = $("#thead").offset().top;
$(window).scroll(function () {
    var wdistance = $(window).scrollTop();
    if (wdistance > distance) {
        alert('this is test');
    };
});

JSFIDDLE