javascript - 如何检测每个div而不是整个窗口的滚动？

Question

我创建了一个 html 页面，其中窗口不滚动，但窗口内的 div 滚动并有滚动条。我搜索并发现这个jquery来检测窗口的滚动并找到每个div的滚动位置。因此，我修改了它来检测左侧 div 的滚动，但它似乎不起作用。

到目前为止我得到的 jquery 脚本:

$("#le").scroll(function() {
        console.log("Entered");
        alert("Working!");
        var height = $("#le").scrollTop()
        console.log(height);
    });

这是一个简单的 JSFiddle，其中包含基本的 html:https://jsfiddle.net/8q5e4u8q/

感谢任何帮助。谢谢。

更新:找到解决方案。显然，将 script 标签移到 body 标签下方就可以了!感谢您的所有提示和帮助。干杯!

Answer 1

EDIT: as said in the comments:
Your fiddle does not have jquery in it. It's working just fine after adding the link to jquery.

如果我正确理解您的要求，我完全不知道会发生什么。但我看过here并发现this解决方案并编辑为 this

现在，如果您在第一个框中滚动，它会发出警报_滚动，但如果您在第二个框中滚动，它会不 提醒滚动您可能必须更改名称等，但应该可以正常工作。

$(".box").scroll(function() {
	alert('scrolling');
});

    div.box, .second-box {
      width: 200px;
      height: 200px;
      overflow: scroll;
    }

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="box">
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content... <br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...
    </div>
    <div class="second-box">
    lalaa
    alalaa<br />
    our text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content... <br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...<br>
         All your text content...
    </div>