黒い線で区切られたモーダル内で 2 つの画像を開こうとしています。個別のウィンドウごとにスクロール バーがあり、オーバーフローがスクロールするように設定されています。各ウィンドウの画像は、元の形式とは異なるアルゴリズムによって拡大されていることを除いて同一です (これについては心配する必要はありません。これは単に目的を理解するためのものです)。オーバーフローする画像を比較しているときに、スクロールバーが互いにテザリングまたはバインドされているため、一方のウィンドウでスクロールすると、もう一方のウィンドウでスクロールするようにします。
特定のコード例が必要な場合は、後で提示します。これが今のところどのように可能になるかを知りたいからです。ご協力いただきありがとうございます。
onscroll基本的に、両方のスクロール要素のイベントをフックし、それぞれにスクロール先のイベントを設定する必要がありscrollTopます。また、前後にブール値を設定およびクリアして、相互再帰が発生しないようにしてください。
jQuery を使用してスクロール イベントをリッスンし、2 番目のコンテナーで同じスクロールを実行できます。ただし、画像のサイズが異なる場合は、いくつかのロジックを使用する必要がある場合があります。
これは、開始するのに役立ちます。
編集
アーカイブの目的で、例で使用されている jQuery を提供しました。
$( '#one' ).scroll( function() {
$( '#two' ).scrollTop( $( '#one' ).scrollTop() );
} );
object.onscroll写真ごとにイベントを使用する必要があると思います。次の現在の画像の他の画像にscoll値を割り当てるだけです
object.addEventListener ("scroll", handler, useSomething);
object.attachEvent ("onscroll", handler);
iframe を使用する - ファイルに両方の画像を入れて iframe に表示すると、必要なスクロール バーは 1 つだけになります。