jquery - 在向下滚动元素时执行代码

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

        });