一种组件同步方法、装置、设备及存储介质与流程

1.本发明涉及网页嵌入领域，特别涉及一种组件同步方法、装置、设备及存储介质。


背景技术：

2.在web环境中，一个容器a在装载另一个容器b的时候，容器b是无法将自己内部的组件装载到本身范围外的。如图1所示，如果需要实现容器a中的组件随着容器b中的组件滚动而伴随滚动，需要通过发消息的形式(post message，iframe容器之前通信的一种方式，在通信前需要建立两个iframe容器之间的消息通信监听)由容器a通知容器b。这样的组件同步方式会导致组件消息同步不及时。当容器a的组件更新滚动位置后，组件的位置更新事件，即滑动事件才会产生，滑动事件产生后，通过滑动偏移量和滑动的组件名称生成事件信息，并通过容器a向容器b发消息的方式通知容器b。容器b收到消息后再对这个事件进行解析处理，解析程自己可执行的数据，然后才可以进行组件视图位置的更新完成组件滚动的同步过程。当容器b收到消息并处理完消息后，容器a可能已经有很多消息已经产生并发出了，这样就会导致消息同步不及时。同时可能导致事件传递效率较低，因为使用了发消息的形式，需要经过消息的产生，消息的转码，消息发送，消息解码，消息处理这样的处理流程，这就导致在滚动容器a的场景下事件传递效率非常低。因此，如何提高组件同步的实时性，并提高效率是本领域亟待解决的问题。


技术实现要素：

3.有鉴于此，本发明的目的在于提供一种组件同步方法、装置、设备及存储介质，可以通过使用一个中间层容器将第二iframe容器内的待绑定组件与伴随者组件进行绑定，将绑定后的两个组件视为一个组件，从而达到两个容器中的组件的滚动同步效果，并且同步效率更高。其具体方案如下：
4.第一方面，本技术提供了一种组件同步方法，包括：
5.创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器；
6.创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中；
7.确定第二iframe容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。
8.可选的，所述将所述第一iframe容器插入至预设iframe中间层容器之前，还包括：
9.创建一个背景为透明背景的iframe容器，将所述iframe容器作为预设iframe中间层容器。
10.可选的，所述将所述第一iframe容器插入至预设iframe中间层容器之后，还包括：
11.记录所述预设iframe中间层容器的当前程序运行环境。
12.可选的，所述将所述伴随者组件放置在所述预设iframe中间层容器中，包括：
13.将所述伴随者组件放置在所述预设iframe中间层容器的所述当前程序运行环境
中。
14.可选的，所述创建伴随者组件，包括：
15.基于移动应用程序开发框架的系统组件创建初始组件，并对所述初始组件进行包装以得到伴随者组件；所述初始组件为用于编辑、复制的组件。
16.可选的，所述确定第二iframe容器对应的待绑定组件之前，还包括：
17.基于所述预设iframe中间层容器包装所述第二iframe容器。
18.可选的，所述确定第二iframe容器对应的待绑定组件，包括：
19.根据预设组件同步要求加载所述第二iframe容器中的目标组件，并将所述目标组件设置为待绑定组件。
20.第二方面，本技术提供了一种组件同步装置，包括：
21.容器插入模块，用于创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器；
22.组件创建模块，用于创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中；
23.组件绑定模块，用于确定第二iframe容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。
24.第三方面，本技术提供了一种电子设备，所述电子设备包括处理器和存储器；其中，所述存储器用于存储计算机程序，所述计算机程序由所述处理器加载并执行以实现前述的组件同步方法。
25.第四方面，本技术提供了一种计算机可读存储介质，用于保存计算机程序，所述计算机程序被处理器执行时实现前述的组件同步方法。
26.本技术中，首先创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器；然后创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中；确定第二iframe容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。由此可见，通过上述技术方案，本技术通过使用一个中间层容器将第二iframe容器内的待绑定组件与伴随者组件进行绑定，将绑定后的两个组件视为一个组件，从而达到两个容器中的组件的滚动同步效果，无需通过发消息的形式进行不同容器间的组件滚动同步，避免了通过通信方式进行同步导致的组件消息同步不及时的问题，并且提高了同步的效率。
附图说明
27.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
28.图1为本技术提供的一种现有技术中组件同步流程图；
29.图2为本技术提供的一种组件同步流程图；
30.图3为本技术提供的一种具体的组件同步流程图；
31.图4为本技术提供的一种组件滚动同步流程图；
32.图5为本技术提供的一种现有的组件滚动同步方案流程图；
33.图6为本技术提供的一种本技术组件滚动同步方案流程图；
34.图7为本技术提供的一种组件同步装置结构示意图；
35.图8为本技术提供的一种电子设备结构图。
具体实施方式
36.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
37.现有技术中，如果需要实现容器间组件的伴随滚动，需要采用发消息的形式，这样会导致组件消息同步不及时，同时可能导致事件传递效率较低，而本技术可以通过使用一个中间层容器将第二iframe容器内的待绑定组件与伴随者组件进行绑定，将绑定后的两个组件视为一个组件，从而达到两个容器中的组件的滚动同步效果，提高了同步的效率。
38.参见图2所示，本发明实施例公开了一种组件同步方法，包括：
39.步骤s11、创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器。
40.本实施例中，首先创建第一iframe容器，并将第一iframe容器插入至预设iframe中间层容器。需要指出的是，本实施例中的所述第一iframe容器为web iframe，是一种网页容器，该网页是基于flutter(即移动应用程序开发框架，是一个由谷歌开发的开源移动应用软件开发工具包，用于为android、ios、windows、macos、linux desktop、google fuchsia开发应用)的flutter web(是flutter框架下的一种平台形式，通过flutter web即可编写web网页)编写的。本实施例中的预设iframe中间层容器即flutter web iframe中间层容器，也是基于flutter进行构建的。在具体实施例中，将第一iframe容器插入至预设iframe中间层容器之前，还需要创建一个背景为透明背景的iframe容器，并将该iframe容器作为预设iframe中间层容器，flutter web iframe的中间层是一个透明背景的iframe，在视觉上的呈现上没有任何不同，这样一来，对既有方案的改造成本低，同时在搭建端(用web网页实现的可交互的搭建平台)视觉上不会产生额外的差异性。
41.并且可以理解的是，本实施例中的iframe容器一般指一个页面，一个web网页一般就是一个iframe，当web页面中嵌入另一个web页面的时候，就是使用一个网页的iframe嵌入另一个网页的iframe，因此可以认为iframe是一个网页的容器，并且里面可装载其他网页。通过将web iframe插入至预设iframe中间层容器，以便后续通过对中间层容器的控制来完成对web iframe中组件的滚动控制，避免进行容器间的通信。
42.步骤s12、创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中。
43.本实施例中，首先基于移动应用程序开发框架的系统组件创建初始组件，并对所述初始组件进行包装以得到伴随者组件；所述初始组件为用于编辑、复制的组件。可以理解
的是，本实施例中的组件指每一个flutter web的ifra me中的一个个组成页面的元素，包括但不限于按钮、文本、图片等。伴随者组件的创建具体可以通过flutter系统组件compositedtransformfollower对新创建的“编辑、复制”组件进行包装，生成“伴随者组件”。在生成伴随者组件后，将该伴随者组件放置在预设iframe中间层容器中。需要指出的是，上述将伴随者组件放置在预设iframe中间层容器中与步骤s13中将所述待绑定组件与所述伴随者组件进行绑定的流程在此处不具体区分先后顺序。通过将伴随者组件放置在预设iframe中间层容器中，以便通过伴随者组件完成对中间层容器的控制，进一步通过伴随者组件完成与web iframe中的组件滚动同步。
44.步骤s13、确定第二iframe容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。
45.本实施例中，需要确定第二iframe容器对应的待绑定组件，以及将待绑定组件与伴随者组件进行绑定，并在待绑定组件滑动时通过伴随者组件控制第一iframe容器中的组件滑动，上述第二iframe容器在本实施例中具体指app iframe。可以理解的是，在待绑定组件和伴随者组件关联后，可以将两者视为同一个组件，这样一来，当待绑定组件发生滚动或位置修改后，伴随者组件的位置也会同步更新，而无需通信过程，可以通过中间层容器完成web iframe和app iframe的组件同步。
46.通过上述技术方案，本实施例创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器。然后创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中。并确定第二iframe容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。通过使用一个中间层容器将第二iframe容器内的待绑定组件与伴随者组件进行绑定，将绑定后的两个组件视为一个组件，从而达到两个容器中的组件的滚动同步效果，无需通过发消息的形式进行不同容器间的组件滚动同步，避免了通过通信方式进行同步导致的组件消息同步不及时的问题，并且提高了同步的效率。并且本方案的修改成本低，在对现有app代码几乎不修改的情况下，使用一个中间层(透明的)包装现有app视图，通过app内的组件与中间层的组件进行绑定的方式，就可以达到滚动同步的效果。
47.基于上一实施例可知，本技术可以将待绑定组件与伴随者组件进行绑定，达到组件同步效果，接下来，本实施例中将对组件绑定的过程进行详细地阐述。参见图3所示，本技术实施例公开了一种具体的组件同步方法，包括：
48.步骤s21、创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器，记录所述预设iframe中间层容器的当前程序运行环境。
49.本实施例中，如图4所示，在创建第一iframe容器后，需要将第一iframe容器插入至预设iframe中间层容器，并记录预设iframe中间层容器的当前程序运行环境。可以理解的是，上述当前程序运行环境即flutter web iframe中间层容器的上下文context，用于后续进行组件绑定。
50.步骤s22、创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器的所述当前程序运行环境中。
51.本实施例中，创建伴随者组件，并且在伴随者组件创建后，与步骤s21对应，将伴随者组件放置在预设iframe中间层容器的当前程序运行环境中。
52.步骤s23、根据预设组件同步要求加载所述第二iframe容器中的目标组件，并将所述目标组件设置为待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。
53.本实施例中，确定第二iframe容器对应的待绑定组件之前，首先基于所述预设iframe中间层容器包装第二iframe容器。然后根据预设组件同步要求加载第二iframe容器中的目标组件，并将目标组件设置为待绑定组件，具体地，可以通过flutter系统组件compositedtransformtarget对flutter app iframe中的某个组件进行包装，生成“待绑定组件”。由此，结合上一实施例伴随者组件的具体创建过程，通过flutter的系统组件compositedtransformtarget与compositedtransformfollow的绑定使得在flutter web的网页端的组件滚动同步更为高效。并且本实施例通过flutter系统类linklayer类将待绑定组件与伴随者组件进行绑定，并在待绑定组件滑动时通过伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。
54.在一种具体的实施例中，如图5所示，在flutter web上，现有的组件滚动同步方案，因为会通过发消息(postmessage)的方式跨iframe通信，在发消息(postmessage)又会经过消息的转码解码，会导致在app外的组件滚动同步不及时。而如图6所示，在flutter web上，本技术通过将两个不同区域的组件绑定成一个组件的这种方式，使得滚动的始终同时作用于两个组件，达到了同步及时的效果，不仅降低了通信成本，而且在滑动过程中还提高的滑动的效率。
55.综上所述，本实施例创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器，记录所述预设iframe中间层容器的当前程序运行环境。然后创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器的所述当前程序运行环境中。并根据预设组件同步要求加载所述第二iframe容器中的目标组件，并将所述目标组件设置为待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。通过组件绑定的方式，将app内部待绑定组件与外部flutter web iframe中间层上的伴随者组件进行绑定。在绑定生效后，可以视为同一个组件，即伴随者组件会随着待绑定组件的滚动而滚动。通过待绑定组件与伴随者组件之间的绑定关系，可以节省“发消息”带来的通信成本，避免出现延迟处理消息的情况，能够有效解决跨iframe的组件同步不及时的问题，提高跨iframe事件传递的效率，并且实现从视觉上跨iframe布局的问题。达到高效率的滚动同步。
56.参见图7所示，本技术实施例还公开了一种组件同步装置，包括：
57.容器插入模块11，用于创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器；
58.组件创建模块12，用于创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中；
59.组件绑定模块13，用于确定第二iframe容器对应的待绑定组件，以及将所述待绑
定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。
60.本实施例中，首先创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器；然后创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中；确定第二iframe容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。由此可见，通过上述技术方案，可以通过使用一个中间层容器将第二iframe容器内的待绑定组件与伴随者组件进行绑定，将绑定后的两个组件视为一个组件，从而达到两个容器中的组件的滚动同步效果，无需通过发消息的形式进行不同容器间的组件滚动同步，避免了通过通信方式进行同步导致的组件消息同步不及时的问题，并且提高了同步的效率。
61.在一些具体实施例中，所述容器插入模块11，还包括：
62.容器创建单元，用于创建一个背景为透明背景的iframe容器，将所述iframe容器作为预设iframe中间层容器。
63.在一些具体实施例中，所述容器插入模块11，还包括：
64.环境记录单元，用于记录所述预设iframe中间层容器的当前程序运行环境。
65.在一些具体实施例中，所述组件创建模块12，具体包括：
66.组件放置单元，用于将所述伴随者组件放置在所述预设iframe中间层容器的所述当前程序运行环境中。
67.在一些具体实施例中，所述组件创建模块12，具体包括：
68.组件包装单元，用于基于移动应用程序开发框架的系统组件创建初始组件，并对所述初始组件进行包装以得到伴随者组件；所述初始组件为用于编辑、复制的组件。
69.在一些具体实施例中，所述组件绑定模块13，还包括：
70.容器包装单元，用于基于所述预设iframe中间层容器包装所述第二iframe容器。
71.在一些具体实施例中，所述组件绑定模块13，具体包括：
72.组件加载单元，用于根据预设组件同步要求加载所述第二iframe容器中的目标组件，并将所述目标组件设置为待绑定组件。
73.进一步的，本技术实施例还公开了一种电子设备，图8是根据一示例性实施例示出的电子设备20结构图，图中的内容不能认为是对本技术的使用范围的任何限制。
74.图8为本技术实施例提供的一种电子设备20的结构示意图。该电子设备20，具体可以包括：至少一个处理器21、至少一个存储器22、电源23、通信接口24、输入输出接口25和通信总线26。其中，所述存储器22用于存储计算机程序，所述计算机程序由所述处理器21加载并执行，以实现前述任一实施例公开的组件同步方法中的相关步骤。另外，本实施例中的电子设备20具体可以为电子计算机。
75.本实施例中，电源23用于为电子设备20上的各硬件设备提供工作电压；通信接口24能够为电子设备20创建与外界设备之间的数据传输通道，其所遵循的通信协议是能够适用于本技术技术方案的任意通信协议，在此不对其进行具体限定；输入输出接口25，用于获取外界输入数据或向外界输出数据，其具体的接口类型可以根据具体应用需要进行选取，在此不进行具体限定。
76.另外，存储器22作为资源存储的载体，可以是只读存储器、随机存储器、磁盘或者光盘等，其上所存储的资源可以包括操作系统221、计算机程序222等，存储方式可以是短暂存储或者永久存储。
77.其中，操作系统221用于管理与控制电子设备20上的各硬件设备以及计算机程序222，其可以是windows server、netware、unix、linux等。计算机程序222除了包括能够用于完成前述任一实施例公开的由电子设备20执行的组件同步方法的计算机程序之外，还可以进一步包括能够用于完成其他特定工作的计算机程序。
78.进一步的，本技术还公开了一种计算机可读存储介质，用于存储计算机程序；其中，所述计算机程序被处理器执行时实现前述公开的组件同步方法。关于该方法的具体步骤可以参考前述实施例中公开的相应内容，在此不再进行赘述。
79.本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
80.专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本技术的范围。
81.结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(ram)、内存、只读存储器(rom)、电可编程rom、电可擦除可编程rom、寄存器、硬盘、可移动磁盘、cd-rom、或技术领域内所公知的任意其它形式的存储介质中。
82.最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
83.以上对本技术所提供的技术方案进行了详细介绍，本文中应用了具体个例对本技术的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本技术的方法及其核心思想；同时，对于本领域的一般技术人员，依据本技术的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本技术的限制。

技术特征：
1.一种组件同步方法，其特征在于，包括：创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器；创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中；确定第二iframe容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。2.根据权利要求1所述的组件同步方法，其特征在于，所述将所述第一iframe容器插入至预设iframe中间层容器之前，还包括：创建一个背景为透明背景的iframe容器，将所述iframe容器作为预设iframe中间层容器。3.根据权利要求1所述的组件同步方法，其特征在于，所述将所述第一iframe容器插入至预设iframe中间层容器之后，还包括：记录所述预设iframe中间层容器的当前程序运行环境。4.根据权利要求3所述的组件同步方法，其特征在于，所述将所述伴随者组件放置在所述预设iframe中间层容器中，包括：将所述伴随者组件放置在所述预设iframe中间层容器的所述当前程序运行环境中。5.根据权利要求1所述的组件同步方法，其特征在于，所述创建伴随者组件，包括：基于移动应用程序开发框架的系统组件创建初始组件，并对所述初始组件进行包装以得到伴随者组件；所述初始组件为用于编辑、复制的组件。6.根据权利要求1至5任一项所述的组件同步方法，其特征在于，所述确定第二iframe容器对应的待绑定组件之前，还包括：基于所述预设iframe中间层容器包装所述第二iframe容器。7.根据权利要求6所述的组件同步方法，其特征在于，所述确定第二iframe容器对应的待绑定组件，包括：根据预设组件同步要求加载所述第二iframe容器中的目标组件，并将所述目标组件设置为待绑定组件。8.一种组件同步装置，其特征在于，包括：容器插入模块，用于创建第一iframe容器，并将所述第一iframe容器插入至预设iframe中间层容器；组件创建模块，用于创建伴随者组件，并将所述伴随者组件放置在所述预设iframe中间层容器中；组件绑定模块，用于确定第二iframe容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iframe容器中的组件滑动，以实现组件同步。9.一种电子设备，其特征在于，所述电子设备包括处理器和存储器；其中，所述存储器用于存储计算机程序，所述计算机程序由所述处理器加载并执行以实现如权利要求1至7任一项所述的组件同步方法。10.一种计算机可读存储介质，其特征在于，用于保存计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的组件同步方法。

技术总结
本申请公开了一种组件同步方法、装置、设备及存储介质，涉及网页嵌入领域，包括：创建第一iFrame容器，并将所述第一iFrame容器插入至预设iFrame中间层容器；创建伴随者组件，并将所述伴随者组件放置在所述预设iFrame中间层容器中；确定第二iFrame容器对应的待绑定组件，以及将所述待绑定组件与所述伴随者组件进行绑定，并在所述待绑定组件滑动时通过所述伴随者组件控制所述第一iFrame容器中的组件滑动，以实现组件同步。通过使用一个中间层容器将第二iFrame容器内的待绑定组件与伴随者组件进行绑定，绑定后两个组件视为一个组件，从而达到组件的滚动同步的效果，同步效率更高。同步效率更高。同步效率更高。


技术研发人员：张川北 刘昌钰 齐翊 杨赛 於佳颖 周毅 任时迁 何家豪 赵雪
受保护的技术使用者：政采云有限公司
技术研发日：2023.05.09
技术公布日：2023/7/7