js滚动加载图片bug，ios手机滚动到底部不会加载一页而是加载好几页

Question

$(document).scroll(function (){

                        var scrollTop = $(this).scrollTop();

                        var scrollHeight = $(document).height();

                        var windowHeight = $(window).height();

                        if(scrollTop + windowHeight >= scrollHeight){

                            //这里是加载图片ajax

                        }                       

                    });

这是部分代码，逻辑就是滑动到底部的时候请求ajax，在安卓上可以一页一页正常加载，ios上则滑动到底部一下加载好几页，求教

Answer 1

加载好几页是因为scroll事件被多次触发，可以用节流函数来控制触发的时间间隔，比如underscore的throttle函数：var throttled = _.throttle(updatePosition, 100);$(window).scroll(throttled);function updatePosition(){    var scrollTop = $(this).scrollTop();    var scrollHeight = $(document).height();    var windowHeight = $(window).height();    if(scrollTop + windowHeight >= scrollHeight){        //这里是加载图片ajax    }                       }