ScrollView - How to position it?

Untitled-2

var size = cc.winSize;
        var scrollView = new ccui.ScrollView();
        // set list view ex direction
        scrollView.setDirection(ccui.ScrollView.DIR_VERTICAL);
        scrollView.setTouchEnabled(true);
        scrollView.setBounceEnabled(true);
        scrollView.setBackGroundColorType(ccui.Layout.BG_COLOR_SOLID);
        scrollView.setBackGroundColor(cc.color(255,255,255));
        //scrollView.setBackGroundImageScale9Enabled(true);
        scrollView.setContentSize(cc.size(720, 2280));
        scrollView.setInnerContainerSize(cc.size(720, 1280*2));
        scrollView.setAnchorPoint(cc.p(0.5, 0.5));
        scrollView.setPosition(cc.p(size.width / 2, size.height));
        this.addChild(scrollView);

How do i position the scrollview?
Why does the black bar appears?

Say i want to display the game name in the top 100*150 px sprite. Below i need a scrollview with buttons. How can position them?

Please reply. I am trying this and i am not able to find the solution

> scrollView.setPosition(cc.p(size.width / 2, size.height / 2)); works. But it centers everything . I want to start from the top three buttons in a row.

Thanks