JavaScript:向上/向下滚动时突出显示一行

Question

在我的网页上，我在一个可滚动的 DIV 中放置了一个表格。

当我向下滚动时，我想突出显示表格中最可见的中间行。

我该怎么做？

我发现以下脚本接近我的期望 --> www.rgagnon.com/jsdetails/js-0093.html

但这只适用于 MouseOver 事件。我希望它不仅适用于 MouseOver 事件，还适用于我简单地向上/向下滚动时。

Answer 1

使用 scroll事件。

例如:(编辑:最终测试)

var scrollElem = $('div#panel-hlisting-all');
scrollElem.scroll(function() {
    var scrollElemPos = scrollElem.offset();

    var newCenter = $(document.elementFromPoint(
        scrollElemPos.left + scrollElem.width()  / 2,
        scrollElemPos.top  + scrollElem.height() / 2)
    ).closest('.hlisting');

    if(newCenter.is(".CenterRow")) return;
    $('.CenterRow').removeClass("CenterRow");
    newCenter.addClass('CenterRow');
});

编辑:我更改了代码以使用特定元素的滚动条。
3^rd 编辑:我更新了代码以防止闪烁。