jquery - jqueryで過去のアンカーをスクロールするときに固定divのコンテンツを変更する

Question

左の列のコンテンツが絶対で、右の列の div が固定の 2 列のサイト レイアウトがあります。ページを下にスクロールし、固定 div ボックスがアンカー ポイント (左側) を超えてスクロールすると、固定 div のコンテンツが変更される (画像が追加される) ように取得しようとしています。

私がこれまでに持っている非常に緩い織りのjqueryは次のとおりです。

(function ($) {
  $(document).ready(function () {  
    var anchor = $("")
    var code = 
    $(window).scroll(function (event) {
      var y = $(this).scrollTop();
      if (y >= anchor) {
        $('#theDiv').append('<img id="livecodeimg" src="' + code +'.png" />')
      } else {
        $("#test img:last-child").remove()
      }
    });
  });
})(jQuery);

変数を何にすればいいのか分からず困っています...

Answer 1

各 a タグを繰り返し処理し、スクロールで渡したかどうかを確認する必要があります。

(function ($) {
    $(document).ready(function () {
        var anchor = $("")
        var code = 
        $(window).scroll(function (event) {
            var y = $(this).scrollTop();
            $('a').each(function() {
                if (y >= $(this).offset.top) {
                    $('#theDiv').append('<img id="livecodeimg" src="' + code +'.png" />')
                } else {
                    $("#test img:last-child").remove()
                }
            });
        });
    });
})

お役に立てれば。