在jquery中滚动浏览锚点时更改固定div的内容

Question

我有一个两列的网站布局，左列的内容为绝对，右列的div为固定。我试图得到它，以便当我向下滚动页面并且固定的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

您需要遍历每个标记并检查是否已在滚动中传递它。

(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()
                }
            });
        });
    });
})

希望这有帮助。