javascript - 如何获取#div 的实际高度(包括溢出部分)

Question

我用它来检测用户何时浏览整个页面的方式相同:

 $(window).scroll(function(){
    var diff = $(window).scrollTop() + $(window).height() - $(document).height();
    if  ($(window).scrollTop() == $(document).height() - $(window).height()   || (diff < 5 && diff > -5)){
           console.log('yay!');
    }
 });

我想在对话框中做同样的事情，

我正在尝试这样:

$('#dialog').dialog();
$('#dialog').scroll(function(){
     var scroll = $('#dialog').scrollTop();
    var height = $('#dialog ul').outerHeight(true);
    if(scroll == height){
         $('#dialog').css('background','#999');
    }else{
        console.log('scrolltop is '+scroll+' and height is: '+height);
    }
})

演示:

http://jsfiddle.net/AgFXz/

我猜的问题是我不是在检索整个#dialog 大小，而是在检索可见(CSS 定义的属性)大小..

我如何知道用户滚动到对话框滚动结束的时间？

谢谢!!

Answer 1

您尝试过 scrollHeight 属性吗？

https://developer.mozilla.org/en/DOM/element.scrollHeight