cocos creator ScrollView組件scrollToOffset()方法的使用

前言

之前想用scrollToOffset()在打開界面時，滑動窗口滑動到一個相對應的位置，但是使用scrollToOffset()這個方法的時候，沒起作用。然后就用了其他方法來實現相同的效果。現在有時間，就去一探究竟當時為什么使用scrollToOffset()方法會失敗。

終究找到原因還是花了一番時間。

    scrollToOffset: function(offset, timeInSecond, attenuated) {
        var maxScrollOffset = this.getMaxScrollOffset();

        var anchor = cc.p(0, 0);
        //if maxScrollOffset is 0, then always align the content's top left origin to the top left corner of its parent
        if (maxScrollOffset.x === 0) {
            anchor.x = 0;
        } else {
            anchor.x = offset.x / maxScrollOffset.x;
        }

        if (maxScrollOffset.y === 0) {
            anchor.y = 1;
        } else {
            anchor.y = (maxScrollOffset.y - offset.y ) / maxScrollOffset.y;
        }

        this.scrollTo(anchor, timeInSecond, attenuated);
    },

打印下

var maxScrollOffset = this.getMaxScrollOffset();

發現值為 cc.p(0, 0), 為什么會是 0 呢？ 接着看：

    getMaxScrollOffset: function() {
        var scrollSize = this.node.getContentSize();
        var contentSize = this.content.getContentSize();
        var horizontalMaximizeOffset =  contentSize.width - scrollSize.width;
        var verticalMaximizeOffset = contentSize.height - scrollSize.height;
        horizontalMaximizeOffset = horizontalMaximizeOffset >= 0 ? horizontalMaximizeOffset : 0;
        verticalMaximizeOffset = verticalMaximizeOffset >=0 ? verticalMaximizeOffset : 0;

        return cc.p(horizontalMaximizeOffset, verticalMaximizeOffset);
    },

 6         horizontalMaximizeOffset = horizontalMaximizeOffset >= 0 ? horizontalMaximizeOffset : 0;
 7         verticalMaximizeOffset = verticalMaximizeOffset >=0 ? verticalMaximizeOffset : 0;

所以主要的原因scrollToOffset()是因為 content節點的 width, height , 小於 或 等於 ScrollView組件所在節點的width ,height。