Элементы управления отображением на прокрутке

Question

Есть ли простой способ отобразить панель внизу страницы, когда пользователь прокручивает страницу до половины страницы и скрывает ее при прокрутке вверх. Они также должны быть способны закрыть его, если они не хотят видеть его снова, когда-либо.

Это то, что я пытался до сих пор:

$(window).scroll(function() { 
     if($(this).scrollTop() > 200) { 
      $('#note').fadeIn(); 
     } else { 
      $('#note').fadeOut(); 
     } 
}); 

$("#note").click(function() { 
     $("#note").fadeOut("slow"); 
     return false; 
}); 

http://jsfiddle.net/Zvx8h/1/

Answer 1

Первое использование position:fixed держать панель в нижней части с этим:

#note{ 
    display:none; 
    position:fixed; 
    bottom:0; 
    right:0; 
} 

Затем после нажмите кнопку Удалить scroll события в этом окне:

$("#note").click(function() { 
    $("#note").fadeOut("slow"); 
    $(window).off('scroll'); 
}); 

Проверьте это демо http://jsfiddle.net/Zvx8h/2/