Роман

При прокрутке - можно воспользоваться очень простым скриптом

<script type="text/javascript">
$(window).scroll(function() {
if ($(this).scrollTop() > 1){  
    $('#ten-hidden').addClass("sticky");
  }
  else{
    $('#ten-hidden').removeClass("sticky");
  }
if ($(this).scrollTop() > 1){  
    $('#sanremo-logo').addClass("sticky");
  }
  else{
    $('#sanremo-logo').removeClass("sticky");
  }
});
</script>

Этот скрипт добавляет class "sticky" элементу с id "sanremo-logo", пример - sanremo-pizza.com появление тени при прокрутке страницы на 1 пиксель, скорость появления можно задать на css transition: all 0.3s;