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

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