Available in the OSS Version

Scroll - Multi-container scrolling

This sample demonstrates how to configure the igScroll to sync the scrolling of multiple containers.

Original text

<
<div style="width:900px; height: 400px;">
<p>
Lorem ipsum dolor sit amet, dicat maluisset urbanitas has id, consul admodum contentiones mel te. Nam paulo utinam qualisque in, lorem definiebas theophrastus mea ex. <br/>
Scripta sanctus definitionem qui at. Erat fugit dicit at sea, ne quo alia illud viris. <br/>
Latine legendos ut eum. Usu purto nihil dolor ei, has et iriure scripta, ex antiopam electram duo. <br/>
</p>
Te ludus malorum periculis has, no veri dissentiet sea. <br/>
Probo lucilius an vel, his eu purto falli, populo graecis postulant has at. <br/>
Suas sale mediocritatem in vis. Has noster semper perpetua in. Sed ex nostrum temporibus, affert interpretaris no pro. <br/>
<p>
Cu eirmod omnesque offendit per, invidunt corrumpit intellegebat duo et. <br/>
Sed ne sonet apeirian. Cum at clita molestie democritum, diam expetenda ius ei. <br/>
In est sale tamquam reformidans, dolore ponderum ius et. Te sea mutat hendrerit, habeo noster vis ad. <br/>
Quem feugiat feugait usu id. His utinam apeirian in, repudiare accommodare ex mea, id qui modo mazim eleifend. <br/>
</p>
 
 
 
Cum elitr ludus ut. Eu mel aliquando conceptam adolescens. <br/>
Malis vitae labore vis ea, eam an error accumsan. <br/>
Ceteros sapientem assentior mel at, graeco ancillae moderatius ea eum. <br/>
Ei nam delenit admodum deterruisset. <br/>
<p>
Cum ad animal oblique, sensibus reprehendunt his te, quo ignota dictas no. <br/>
 
Eu congue lucilius mei, has ei invenire platonem. Cu nonumy tamquam moderatius cum. <br/>
At lucilius deterruisset vis, omnis minimum complectitur ea his. <br/>
</p>
</div>

Modified text

<div style="width:800px; height: 200px;">
<p>
Lorem ipsum dolor sit amet, dicat maluisset urbanitas has id, consul admodum contentiones mel te. Nam paulo utinam qualisque in, lorem definiebas theophrastus mea ex. <br/>
Scripta sanctus definitionem qui at. Erat fugit dicit at sea, ne quo alia illud viris. <br/>
Latine legendos ut eum. Usu purto nihil dolor ei, has et iriure scripta, ex antiopam electram duo. <br/>
</p>
<p>
 
 
 
Cu eirmod omnesque offendit per, invidunt corrumpit intellegebat duo et. <br/>
Sed ne sonet apeirian. Cum at clita molestie democritum, diam expetenda ius ei. <br/>
In est sale tamquam reformidans, dolore ponderum ius et. Te sea mutat hendrerit, habeo noster vis ad. <br/>
Quem feugiat feugait usu id. His utinam apeirian in, repudiare accommodare ex mea, id qui modo mazim eleifend. <br/>
</p>
Te ludus malorum periculis has, no veri dissentiet sea. <br/>
Probo lucilius an vel, his eu purto falli, populo graecis postulant has at. <br/>
Suas sale mediocritatem in vis. Has noster semper perpetua in. Sed ex nostrum temporibus, affert interpretaris no pro. <br/>
Cum elitr ludus ut. Eu mel aliquando conceptam adolescens. <br/>
Malis vitae labore vis ea, eam an error accumsan. <br/>
Ceteros sapientem assentior mel at, graeco ancillae moderatius ea eum. <br/>
Ei nam delenit admodum deterruisset. <br/>
<p>
Cum ad animal oblique, sensibus reprehendunt his te, quo ignota dictas no. <br/>
At lucilius deterruisset vis, omnis minimum complectitur ea his. <br/>
Eu congue lucilius mei, has ei invenire platonem. Cu nonumy tamquam moderatius cum. <br/>
 
</p>
</div>

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

This is useful when you want additional containers to scroll together with the one that is selected and scrolled.

Code View

Copy to Clipboard