Instagram无限滚动

时间:2014-10-24 16:18:10

标签: jquery instagram

我正在尝试使用这里找到的Instagram无限滚动:

https://github.com/DDKnoll/Instagram-Infinite-Scroll

工作正常,IE浏览器除外。我认为它与以下代码有关:

//Infinite Scroll Window Bindings.
var infiniteScrollBinding = function(){

$(window).scroll(function(evt){
//Calculate Window Values on every scroll event.
var bod = $('body')[0];
pageHeight = bod.offsetHeight;
bottomScroll = window.scrollY + bod.clientHeight;
distanceToBottom = pageHeight - bottomScroll;


//Load more posts as needed.
if(distanceToBottom < 200){
  insta.load('after');
}
else if(window.scrollY <= 0){
  insta.load('before');
}
});
}

bod.offsetHeight在IE中始终保持相同的值,而在其他浏览器中通过页面滚动动态更改。谁知道为什么?这是我的代码副本:

1 个答案:

答案 0 :(得分:1)

我明白了。不得不用window.pageYOffset替换window.scrollY。