在滚动元素上执行代码

Question

我在网页中使用http://cubiq.org/dropbox/iscroll4/examples/simple/我正在开发并希望在用户滚动/拖动时优先执行代码，例如，特定行中的文本应该随用户滚动而淡入下。不过，我觉得我可以用这样的：

$(window).on('scroll', function() { 
       var st = $(this).scrollTop(); 
       $('li.frame1 img').css({ 
        'top' : -(st/3)+"px", 
        'left' : -(st/3)+"px" 
       }); 

      }); 

但用户实际上向下滚动元素#scroller，而不是窗户。我怎么能适应这个或实现我想要做的？

谢谢！

Answer 1

$("#scroller").on('scroll', function() { 
    var st = $(this).scrollTop(); 
    $('li.frame1 img').css({ 
     'top' : -(st/3)+"px", 
     'left' : -(st/3)+"px" 
    }); 

}); 

替换document与"#scroller"应该做的工作。

Answer 2

我相信它应该是你的滚轮的名字。

myScroller = new IScroll('#scorecardWrapper', {}); 
myScroller.on('scroll', function() { 
      var st = $(this).scrollTop(); 
      $('li.frame1 img').css({ 
       'top' : -(st/3)+"px", 
       'left' : -(st/3)+"px" 
      }); 

     });