Jquery-找到水平滚动的结尾

时间:2014-09-14 23:54:11

标签: javascript jquery

我有一个div框,我有溢出-x:滚动,我想在用户到达滚动结束时提醒()一条消息。
不幸的是我不能像垂直一样使用文档高度当用户位于页面底部时滚动并找到,所以我无法弄清楚是否可以这样做。我试图将div.scrollLeft()与div.width进行比较,但div的宽度是常量即使滚动随时间变化,任何想法都知道如何知道滚动的结束?
谢谢。

1 个答案:

答案 0 :(得分: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!");
        }
    });