向下滚动元素时执行代码

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"
            }); 

        });