このサンプルは、複数のコンテナーのスクロールが同期化されるために igScroll を構成する方法を紹介します。
元のテキスト
| <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> |
変更されたテキスト
| <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> |
このサンプルは、より大きい画面サイズのためにデザインされました。
モバイル デバイスで画面を回転、フル サイズ表示、またはその他のデバイスにメールで送信します。
選択してスクロールするコンテナ―と一緒にスクロールする追加のコンテナ―がある場合に便利です。