Javascript Can'；无法获得水平滚动位置

我想得到我的div的水平滚动位置，但我不知道为什么这不起作用

给你

HTML

<div class='demo'>dsannbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>

JS

.demo {
  overflow-x: auto;
  height: 50px;
}

$(document).ready(function(){
    if($(this).scrollLeft() >= 100){
         alert();   
    }
}); 

---

您编写代码的目的是，当文档准备就绪（即0）且永不更改时，它将获得

scrollLeft（）

的值。当

.demo

事件的滚动正在更改时，您需要捕获一个事件。大概是这样的：

$(document).ready(function(){
  $('.demo').on('scroll', function() {
    var val = $(this).scrollLeft()
    if (val >= 100) alert('Hello')
  })
}); 

---

$（document）.ready（function（）{var div=$（'.demo'）；if（div.scrollLeft（）>=100）{alert（）；}）；使用您的div而不是“this”，也许您可以使用它作为参考。你想检查div上的滚动位置吗？@alirezasafian exactlyCheck。没问题，适应事件需要一些时间。好的，但是如果我想在加载时执行此函数，我该怎么做？