jq 如何判断水平滚动条距左侧的距离？

Question

<style>
.c{height:120px;width:1200px;overflow:auto;border:solid 1px black;margin-bottom:5px;}
</style>

<div class="c"><p style="width: 1600px;">bb</p></div>

$('div').scroll(function(){
    var sl=this.scrollLeft,
        st=this.scrollTop,
        d=$(this).data('slt');
        console.log(sl)
    if($(this).scrollLeft == 100){
        console.log(1)
    }
    
})

console.log(sl)可以打印出水平滚动条距离左侧的距离，但是后面的if判断就不行，不打印那个1。

Answer 1

$('div').scroll(function(){
    var sl=this.scrollLeft,
        st=this.scrollTop,
        d=$(this).data('slt');
        console.log(sl)
    if($(this).scrollLeft() == 100){
        console.log(1)
    }
})

因为你用的是jquery的scrollLeft方法，而不是DOM中的scrollLeft,所以你需要是调用方法的方式。

补充

var time = 0;
$('div').scroll(function(){
    var sl=this.scrollLeft,
        st=this.scrollTop,
        d=$(this).data('slt');
        console.log(sl);
    if (time == 0) {
        if(sl > 100){
            time++;
            console.log(1)
        }
    }
})

其实就是加个开关的意思。