OSS で利用できる機能

スクロール - 複数のコンテナーのスクロール

このサンプルは、複数のコンテナーのスクロールが同期化されるために 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>

このサンプルは、より大きい画面サイズのためにデザインされました。

モバイル デバイスで画面を回転、フル サイズ表示、またはその他のデバイスにメールで送信します。

選択してスクロールするコンテナ―と一緒にスクロールする追加のコンテナ―がある場合に便利です。

コード ビュー

クリップボードへコピー