Javascript 使用jquery检查滚动条是否到达div

我试图检查何时使用jquery从滚动条到达div。 我读了一些关于stackoverflow的类似问题，但都只在一个div上。 我有4个div，高度：100%，我想知道滚动条何时通过每个div。 我试过了，但只适用于第一组

HTML:

JS:

对不起，这是我愚蠢的错误，我不能删除这个问题：(

^这是你的问题

---

此外，使用“顶偏移”代替添加div的高度

---

您从不声明

传递的\u客户机

变量

更改此项：

var passed_service = false;
var passed_service = false;

为此：

var passed_service = false;
var passed_clients = false;

工作小提琴：

工作

---

我在JSFIDLE上的错误，但不是问题出在这里：

code

if（$（窗口）.scrollTop（）>=（$（“#服务”）.height（）+$（“#客户端”）.height（））{

$(document).ready(function() {
    var passed_service = false;
    var passed_service = false;
    $('body,html').bind('scroll mousedown wheel DOMMouseScroll mousewheel keyup', function(event){
        if($(window).scrollTop() >= ($("#service").height())){
            if(!passed_service){
                alert("To #service");
                passed_service = true;
            }
        }
        if($(window).scrollTop() >= ($("#service").height() + $("#clients").height())){
            if(!passed_clients){
                alert("To #clients");
                passed_clients = true;
            }
        } 
    });
});

var passed_service = false;
var passed_service = false; /* should be 'passed_clients' */

$(window).scrollTop() >= $("#service").offset().top
$(window).scrollTop() >= $("#clients").offset().top
...

var passed_service = false;
var passed_service = false;

var passed_service = false;
var passed_clients = false;

use this: (parseInt($("#service").height()) + parseInt($("#clients").height()))

$(document).ready(function() {
var passed_service = false;
var passed_clients = false;
$('body,html').bind('scroll mousedown wheel DOMMouseScroll mousewheel keyup', function(event){
    if($(window).scrollTop() >= ($("#service").height())){
        if(!passed_service){
            alert("To #service");
            passed_service = true;
        }
    }

    //console.log($(window).scrollTop());
    if($(window).scrollTop() >= (parseInt($("#service").height()) + parseInt($("#clients").height()))){
        if(!passed_clients){
            alert("To #clients");
            passed_clients = true;
        }
    } 
});
});