Question

我对Sencha Touch有一个小问题。当我向下滚动主面板时，我正在尝试编写一些具有事件kickstart的代码（我想要实现的最终理想实验是让Panel在向下滚动时渲染图像，但此刻我正在寻找只是从一个函数中激活一个console.log。

我想知道是否有人知道一种方法，该方法可以检测某人垂直滚动的距离，并在达到某个y坐标时触发事件。我知道scrollTo事件，但我似乎无法找到任何允许我检测x和y坐标的事件。

我的小组的基本编码如下：

headlinepanel = new Ext.Panel(
{
    layout:
    {   
        type:'vbox',
        align:'stretch'
    },
    monitorOrientation: true,
    scroll:
    {
        direction: 'vertical',
        bounces: false,
        outOfBoundRestrictFactor : 0,
        threshold:20,
    },  
    style: 'background-color:black;',
    listeners: 
    {
        afterrender: function()
        {
            if(headlinepanel.scroller.offsetBoundary.bottom == 500)
            {
                console.log("You are here!");
            }
        }
    }
});

这就是我现在所拥有的，我试图看看是否可以让offsetBoundary属性工作，但我的编程朋友之前都没有尝试过这样的事情，所以我对此并不十分熟悉。我会赞美任何帮助，但我理解如果Sencha不可能做到这一点。感谢您阅读本文。

Answer 1

这是您收听滚动事件的方式：

headlinepanel.scroller.on('scroll',function(me,offset){
        console.log(offset.x);
        console.log(offset.y);
    });

此事件在每次更改时都会触发，还有其他事件。在此处查看API：http://docs.sencha.com/touch/1-1/#!/api/Ext.util.Scroller-event-scroll

这是一个例子：http://jsfiddle.net/sSyqF/14/

Sencha touch - ＆gt;滚动x-y协调事件激活

1 个答案: