Vertical scroll in textEdit QML

Flickable {
              id: flickArea
              x: 0
              y: 0
              width: parent.width; height: parent.height
              anchors.rightMargin: 0
              anchors.bottomMargin: 0
              anchors.leftMargin: 0
              anchors.topMargin: 0
              anchors.fill:parent
              boundsBehavior: Flickable.StopAtBounds
              flickableDirection: Flickable.HorizontalFlick
              interactive: true
                            function ensureVisible(r) {
                  if (contentX >= r.x)
                  contentX = r.x;
                  else if (contentX+width <= r.x+r.width)
                  contentX = r.x+r.width-width;
                  if (contentY >= r.y)
                  contentY = r.y;
                  else if (contentY+height <= r.y+r.height)
                  contentY = r.y+r.height-height;
              }
 
              TextEdit {
                  id: textEdit
                  x: 0
                  y: 0
                  anchors.fill:parent
                  width:parent.width; height:parent.height
                  color:fontColor
                  anchors.rightMargin: 0
                  anchors.bottomMargin: 0
                  anchors.leftMargin: 0
                  anchors.topMargin: 0
                  focus: true
                  wrapMode: TextEdit.Wrap
                  font.pointSize:10
                  onCursorRectangleChanged: flickArea.ensureVisible(cursorRectangle)
                  selectByMouse: true
              }
          }

Item
{
    width: 200
    height: 800
    Flickable
    {
        id: flick
        anchors.fill: parent
        contentWidth: edit.paintedWidth
        contentHeight: edit.paintedHeight
        interactive: true
        clip: true
 
        function ensureVisible(r) {
            if (contentX >= r.x)
                contentX = r.x;
            else if (contentX+width <= r.x+r.width)
                contentX = r.x+r.width-width;
            if (contentY >= r.y)
                contentY = r.y;
            else if (contentY+height <= r.y+r.height)
                contentY = r.y+r.height-height;
        }
 
        TextEdit
        {
            id: edit
            width: flick.width
            height: flick.height
            focus: true
            wrapMode: TextEdit.Wrap
            selectByMouse: true
            onCursorRectangleChanged: flick.ensureVisible(cursorRectangle)
        }
    }
 
    ScrollBar
    {
        scrollArea: textResult
        height: parent.height
        width: 8
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        anchors.top: parent.top
        anchors.topMargin: 2
        anchors.bottomMargin: 2
    }
}

Item {
    id: container
 
    property variant scrollArea
    property variant orientation: Qt.Vertical
 
    opacity: 0
 
    function position()
    {
        var ny = 0;
        if (container.orientation == Qt.Vertical)
            ny = scrollArea.visibleArea.yPosition * container.height;
        else
            ny = scrollArea.visibleArea.xPosition * container.width;
        if (ny > 2) return ny; else return 2;
    }
 
    function size()
    {
        var nh, ny;
 
        if (container.orientation == Qt.Vertical)
            nh = scrollArea.visibleArea.heightRatio * container.height;
        else
            nh = scrollArea.visibleArea.widthRatio * container.width;
 
        if (container.orientation == Qt.Vertical)
            ny = scrollArea.visibleArea.yPosition * container.height;
        else
            ny = scrollArea.visibleArea.xPosition * container.width;
 
        if (ny > 3) {
            var t;
            if (container.orientation == Qt.Vertical)
                t = Math.ceil(container.height - 3 - ny);
            else
                t = Math.ceil(container.width - 3 - ny);
            if (nh > t) return t; else return nh;
        } else return nh + ny;
    }
 
    Rectangle { anchors.fill: parent; color: "Black"; opacity: 0.3; radius:5;smooth: true}
 
    BorderImage {
        source: "qrc:/image/res/img/scrollbar.png"
        border { left: 1; right: 1; top: 1; bottom: 1 }
        x: container.orientation == Qt.Vertical ? 2 : position()
        width: container.orientation == Qt.Vertical ? container.width - 4 : size()
        y: container.orientation == Qt.Vertical ? position() : 2
        height: container.orientation == Qt.Vertical ? size() : container.height - 4
    }
 
    states: State {
        name: "visible"
        when: container.orientation == Qt.Vertical ? scrollArea.movingVertically : scrollArea.movingHorizontally
        PropertyChanges { target: container; opacity: 1.0 }
    }
 
    transitions: Transition {
        from: "visible"; to: ""
        NumberAnimation { properties: "opacity"; duration: 600 }
    }
}