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

Question

我的js代码有问题，我想将距元素顶部的垂直距离与滚动距离进行比较，如果滚动距离大于距元素顶部的距离，则将div的位置固定为“ thead” id页。

我的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