Фоновое изображение не будет исчезать

Question

Я пытаюсь заставить это фоновое изображение исчезать в div, когда пользователь прокручивается до середины его. . На данный момент, появится фоновое изображение, но не выгорает Вот скрипка: http://jsfiddle.net/8eudrmcx/

HTML

div { 
    background-color: #000; 
    height: 500px; 
    width: 500px; 
} 

JS

function isScrolledIntoView($elem) { 
    var docViewTop = $(window).scrollTop(); 
    var docViewBottom = docViewTop + $(window).height(); 

    var elemTop = $elem.offset().top; 
    var elemMiddle = elemTop + $elem.height()/2; 
    return docViewBottom >= elemMiddle && docViewTop <= elemMiddle; 
} 
$(window).scroll(function(){ 
    $elem = $("div"); //or what element you like 
    if(isScrolledIntoView($elem)){ 
     $elem.css('background-image','url("img/background.jpg")').fadeIn(); 
    } 
}); 

Answer 1

Так вы замирание в DIV не фон изображение с вашим кодом. Отображается div.

http://jsfiddle.net/8eudrmcx/1/

http://jsfiddle.net/8eudrmcx/2/

Установите DIV в display: none и он будет исчезать. Вы можете установить Б.Г. изображение в CSS тоже.