Qt/ QML :如何在QML中双向同步ScrollView？

ScrollView {
    id: scrollView
    flickableDirection: Flickable.HorizontalAndVerticalFlick
    // 其他属性设置
}

ScrollView {
    id: scrollView
    flickableDirection: Flickable.HorizontalAndVerticalFlick

    Rectangle {
        id: content1
        width: scrollView.width
        height: scrollView.height
        // 其他属性设置
    }

    Rectangle {
        id: content2
        width: scrollView.width
        height: scrollView.height
        // 其他属性设置
    }
}

ScrollView {
    id: scrollView
    flickableDirection: Flickable.HorizontalAndVerticalFlick

    Rectangle {
        id: content1
        width: scrollView.width
        height: scrollView.height
        property real scrollPosition: 0 // 保存滚动位置
        // 其他属性设置
    }

    Rectangle {
        id: content2
        width: scrollView.width
        height: scrollView.height
        property real scrollPosition: 0 // 保存滚动位置
        // 其他属性设置
    }
}

ScrollView {
    id: scrollView
    flickableDirection: Flickable.HorizontalAndVerticalFlick

    Rectangle {
        id: content1
        width: scrollView.width
        height: scrollView.height
        property real scrollPosition: 0 // 保存滚动位置

        onContentXChanged: {
            content2.scrollPosition = content1.contentX
        }

        onContentYChanged: {
            content2.scrollPosition = content1.contentY
        }

        // 其他属性设置
    }

    Rectangle {
        id: content2
        width: scrollView.width
        height: scrollView.height
        property real scrollPosition: 0 // 保存滚动位置

        onContentXChanged: {
            content1.scrollPosition = content2.contentX
        }

        onContentYChanged: {
            content1.scrollPosition = content2.contentY
        }

        // 其他属性设置
    }
}