获取当前 div 在视口中可见

Question

我对 jQuery 相当陌生，我正在尝试实现无限滚动，因此我能够在到达页面末尾时立即触发对后端的 ajax 调用。我还想知道在视口中可见的当前 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>

如果我的光标在向上滚动时到达第 2 个 div，我想发出 ajax 调用，对于第 3 个 div 和第 1 个 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
});

希望对你有帮助