При прокрутке - можно воспользоваться очень простым скриптом
<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;