javascript - Jquery-查找水平滚动的结束位置

Question

我有一个div框，其中有overflow-x:scroll，并且我想在用户到达滚动末尾时发出alert()消息。
不幸的是，我不能像垂直方向一样使用文档高度当用户位于页面底部时滚动并查找，所以我不知道是否可以这样做。我尝试将 div.scrollLeft() 与 div.width 进行比较，但 div 的宽度是恒定的它不起作用。
那么，即使滚动随时间变化，你知道如何知道滚动的结束吗？
谢谢。

Answer 1

html

<div style="width: 4000px">Scroll down!</div>

jquery

 var scrolLeft = $(window).scrollLeft();
 var windw = $(window).width();//important
 var documet = $(document).width();
    $(window).scroll(function() {
        if($(window).scrollLeft() + windw == documet){
            console.log("right!");
        }
    });

另一个

<div id="scroll">
    <div id="width" style="width: 4000px">Scroll down!</div>
</div>

CSS

#scroll{
    width:200px;
    height:100px;
    background-color:red;
    overflow:auto;
}

jquery

var scrolLeft = $(window).scrollLeft();
var windw = $('#scroll').width();//important
var documet = $('#width').width();
    $('#scroll').scroll(function() {
        if($('#scroll').scrollLeft() + windw == documet){
            console.log("right!");
        }
    });