jquery - 在 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

您需要遍历每个 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()
                }
            });
        });
    });
})

希望这可以帮助。