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

希望這會有所幫助。