javascript - 向下滑动时未能将加载出的内容添加到元素中。

Question

在手机上在上下滑动屏幕时异步加载一些内容。我是这样写的。

if(elem.addEventListener){
            elem.addEventListener("touchstart",function(event){
                event.stopPropagation();
                ismove = true;
                startY = event.changedTouches[0].pageY;
             });
            elem.addEventListener("touchmove",function(event){
                 event.stopPropagation();
                 ismove = false;
                 endY = event.changedTouches[0].pageY;
             });
            elem.addEventListener("touchend",function(event){
                event.stopPropagation();
                if(ismove){
                    return;
                }
                var pos = endY-startY;
                if(pos<0){
                    if (self.pageNum >= self.numPages){
                        return;
                    }
                    self.pageNum++;
                    self.render(self.pageNum);
                }else{
                }
             });
        }
render:function(num){
      var imgurl = '';//图片路径
      console.log("已经执行到此处了。");
      $('#studywrap').append("<img src=" + imgurl + " style='width:100%' />");
    }

这样写 有时候向下滑动的时候并不能加内容添加到$('#studywrap')这个元素里。这是为什么呢？