在向下滚动元素时执行代码答案

【问题标题】：execute code on scrolling down an element在向下滚动元素时执行代码
【发布时间】：2014-06-19 23:38:12
【问题描述】：

我正在开发的网页中使用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 而不是窗口。我怎样才能适应这种情况或实现我想要做的事情？

谢谢！

【问题讨论】：

定位#scroller而不是window怎么样？

标签： jquery iscroll

【解决方案1】：

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

 });

用"#scroller" 替换document 应该可以完成这项工作。

【讨论】：

【解决方案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"
            }); 

        });

【讨论】：