0

ページに次のブロックのセット (div/spans) があります。

CAPTION 1
CONTENT 1

CAPTION 2
CONTENT 2

....

CAPTION N
CONTENT N

スクロール時にページの上部にキャプションを固定する必要があります。例えば

CAPTION 1
CAPTION 2

CAPTION 3
CONTENT 3
....

そのため、1 番目と 2 番目のブロックのコンテンツは折りたたまれましたが、キャプションは表示されたままです。さらに、スティッキー キャプションの onclick イベントを追加する必要があります。スティッキーキャプションをクリックすると、ページは対応するコンテンツまでスクロールする必要があります。

これはブートストラップ接辞プラグインと同様に機能するはずですが、キャプションはスクロール時にのみ固定されるはずです。

これはどのように達成できますか？同様の機能を持つプラグインはありますか?

前もって感謝します。

4

1 に答える 1

0 
$(window).scroll(function() {
  var scrollPosition = $(window).scrollTop();
  if (scrollPosition !== 0) {
    $("#CAPTION1").addClass("fixed");
  } else {
    $("#CAPTION1").removeClass("fixed");
});

.fixed クラスには固定位置があり、必要な場所に配置されています

他のキャプションも同様

于 2013-08-12T12:26:50.500 に答える