javascript - 使用更多按钮来滚动延迟加载

Question

如何将我的以下带有更多按钮的延迟加载转换为滚动加载的延迟加载？

function openFromButton(lastLoadedIndex) {
    lastLoadedIndex = (typeof(lastLoadedIndex)=='undefined') ? '' : lastLoadedIndex;
    jQuery.get('liste.asp?from_item='+ lastLoadedIndex +'&param='+(new Date()).getTime(), function(data) { 
//alert(data);
        jQuery("#liste_body").append(data);
    });

这是我到目前为止所做的，它工作正常，但问题是当我垂直或水平滚动时它会加载。我怎样才能让它在垂直滚动上工作？

function addEvent( obj, type, fn ) {
    if ( obj.attachEvent ) {
        obj['e'+type+fn] = fn;
        obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
        obj.attachEvent( 'on'+type, obj[type+fn] );
    } else
        obj.addEventListener( type, fn, false );
    }
    addEvent(window, 'scroll', function(event) {
    openFromButton();
});

Answer 1

这是对我有用的解决方案，在 chrome、firefox 和 IE 上测试过

   var lastScrollTop = 0;
  $(window).scroll(function(event){
      var st = $(this).scrollTop();
          if (st > lastScrollTop){
            Load()
          } else {
                  }
     lastScrollTop = st;
    });

编辑:请注意 $(this).scrollTop();在 IE 8 上不工作，为了让它工作，我用 document.body.scrollTop 替换了它