我正在尝试使用这里找到的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中始终保持相同的值,而在其他浏览器中通过页面滚动动态更改。谁知道为什么?这是我的代码副本:
答案 0 :(得分:1)
我明白了。不得不用window.pageYOffset替换window.scrollY。