2012-10-14 29 views
0

我一直在试图检测用户滚动时底部检测当用户滚动到底部不工作

而我有以下代码。

if ($(window).scrollTop() == ($(document).innerHeight() - $(window).height())){ 

    alert('22') 
} 

这里的问题是,$(窗口).height()返回相同的$(document).height(),这比实际窗口视口更大。

我的屏幕解析度约为1280px。

但$(document).height返回1670东西,所以是$(window).height()。

所以document.height - window.height始终为0

我做错什么了吗?

即时通讯使用Mac OSx Chrome。

感谢

////////////////////////

window.innerHeight和document.height固定的问题,因为苏希尔建议

+0

宥scrol你有没有改变窗口大小?数字是否返回变化? –

+0

另外,试试$('body')。outerHeight(); –

回答

1

这应该工作;

$(window).scroll(function() 
{ 
    if($(window).scrollTop() == $(document).height() - $(window).height()) 
    { 

    } 
}); 
+0

谢谢,但我可以做简单的数学。该条件始终返回true,因为window.height已经与文档高度相同。所以如果用户滚动1像素,它返回true – hsb1007

+0

不,请参阅jsfiddle http://jsfiddle.net/beWZW/ – Anoop

+0

嗨Sushil,我知道他们应该如何表现,但我的问题是他们目前还没有。 $(window).height()不返回窗口的高度。 – hsb1007

0

这个你可以得到若跌破一些格或HTML对象

$(window).scroll(function() { 
    if($(window).scrollTop()+ $(window).height() >($(".photo").offset().top +$(".photo").outerHeight())) 
    { 
    //YOUR CODE 
    } 
    });