ホームページ >ウェブフロントエンド >jsチュートリアル >ページ上の2つのdivのスクロールバー(スライダー)を同期して動かす例_jquery

ページ上の2つのdivのスクロールバー(スライダー)を同期して動かす例_jquery

WBOY
WBOYオリジナル
2016-05-16 17:26:261552ブラウズ

JQuery を使用して次のコードを追加します

コードをコピーします コードは次のとおりです:

$ ('#sourceDiv') .scroll( function() {
$('#targetDiv').scrollTop($(this).scrollTop());
$('#targetDiv').scrollLeft($ (this).scrollLeft( ));
});
$('#targetDiv').scroll( function() {
$('#sourceDiv').scrollTop($(this).スクロールトップ());
$('#sourceDiv').scrollLeft($(this).scrollLeft());

レンダリング:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。