javascript - 获取当前部分 ID

Question

我试图获取当前部分的 ID。这是我尝试过的代码片段:

$(document).on('scroll', function() {
    alert($(this).$("section").attr('id'));
}

但没有找到结果。如何在滚动时获取某个部分的 id？

Answer 1

首先，您没有检测到代码中的当前部分(“当前”是指当前在屏幕上显示的部分)。要检测此部分，您应该找到当前滚动位置并将其与部分位置进行比较。

    $(document).scroll(function () {
        $('section').each(function () {
            if($(this).position().top <= $(document).scrollTop() && ($(this).position().top + $(this).outerHeight()) > $(document).scrollTop()) {
                console.log($(this).attr('id'));
            }
        });
    });