Jquery-horizontal 스크롤의 끝 찾기

Question

나는 오버플로 -x가있는 div 상자가 있습니다. 스크롤 및 사용자가 스크롤의 끝 부분에 도달하면 경고() 메시지를 표시하려고합니다.
불행히도 수직 스크롤과 같은 문서 높이를 사용할 수없고 사용자가 페이지의 맨 아래에있을 때 찾을 수 없기 때문에 심지어 할 수 있는지 알아낼 수 없습니다. 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!"); 
     } 
    });