Появление исчезновение элемента при прокрутке страницы. Как реализовать jQuery?

Спасибо за ответ!
Дело в том, что я создаю сайт для своего духовенства в маленьком поселке, и в силу отсутствия определенных знаний программирования, процесс становится затруднительным. Если Вас не затруднит, прошу, пожалуйста, написать полную структуру этого кода. У меня есть элемент на сайте (изображение) - птица, я ему присвоил id - #sokol, уже неделю пытаюсь сделать этот эффект (взят с сайта mhmgroup.ae/), но все безполезно. Решил понадеяться на помощь профессионалов.

Появление исчезновение элемента при прокрутке страницы. Как реализовать jQuery?

<script type="text/javascript">
jQuery(function(f){
var element = f('#back-top');
f(window).scroll(function(){
element['fade'+ (f(this).scrollTop() > 200 ? 'In': 'Out')](500);
});
});
</script>