javascript - 获取当前 div 在视口(viewport)中可见

Question

我对 jQuery 相当陌生，我正在尝试实现无限滚动，这样我就可以在到达页面末尾时触发对后端的 ajax 调用。我还想知道当前在视口(viewport)中可见的 div，以便我也可以发出 ajax 调用。假设我有 6 个 div

<div id="test">
            Some content here
<div>
    <div id="test1">
        more content here
    </div>
    <div id="test2">
        more content here again
    </div>

如果我的光标在向上滚动时到达第二个 div，我想发出 ajax 调用，第三个 div 和第一个 div 也一样。我在这方面太天真了，所以我可能会问一个愚蠢的问题，但请原谅我。

Answer 1

试试这个

$("div").mouseover(function(){
    $id = $(this).attr("id"); //retrieve id, e.g. test, test1, test2, etc
    //if ajax call by switch case
    switch($id){
        case "test":
            //ajax code
            break;

        case "test1":
            //ajax code
            break;
    }
    //or directly ajax
    $.ajax({...});
    //or so on
});

希望这对你有帮助