在滚动上更改BG图像

Question

基本上我想要在用户向上或向下滚动时更改背景图像。我知道这可以用jquery来完成，我只是没有足够的经验来知道究竟是怎么回事。有什么想法吗？

Answer 1

以下是.scroll()和.css()一起工作（demo）的工作示例：

$( window ).scroll(function() {
  $("#TheCage").css(
    {
        'display': 'block',
        'background-image': 'url(http://www.placecage.com/300/200)'
    }).fadeOut("slow", function() {
        $("#TheCage").css({'background-image': 'none'})
      });
  }
);