0

基本的に、カラーボックスプラグイン内に表示するコンテンツがたくさんあり、プログラムで特定の部分にスクロールしたい.

カラーボックス部分は正常に動作します。単純化されたコードは次のようになります (ここでは特別なことはありません)。

$.colorbox({href: '#my_content', inline:true, onComplete(){go_there()}});

カラーボックスなしで使用する場合、スクロール部分も正常に機能します。コードは次のようになります。

$('html,body').animate({scrollTop: 1234}, 100); // 1234 here is just example

上記の 2 つのパーツを組み合わせると、スクロールは発生しません。そして、「html、body」文字列を別のものに変更する必要があると思うので、すぐに $("#my_content").animate(...) を試しましたが、うまくいかず、「#cboxContent」を試しました。 「#cboxWrapper」、「#colorbox」。それらのどれも機能しません。

（すぐに答えを出します。）

4

1 に答える 1

3

同様のコード スニペットを探し回った後、scrollTop は、overflow:auto スタイルを持つコンテンツ ラッパーの 1 つにのみ適用する必要があるというパターンに気付きました。

正しい方向が見つかりました。すぐに colorbox.css を調べて、必要なコンテナーを特定しました。「#cboxLoadedContent」です。したがって、これは魅力のように機能します。

$('#cboxLoadedContent').animate({scrollTop: 1234}, 100);

原理は簡単かもしれませんが、理解するのに本当に時間がかかりました。うまくいけば、この投稿は私のような誰かを助けることができます.

于 2012-12-17T03:31:22.373 に答える