Как добиться эффекта, при котором предмет появляется, когда появляется в поле зрения, и исчезает, когда выходит из поля ⇐ CSS

[Anonymous]

Эффект плавного появления кнопки, когда пользователь прокручивает вниз и кнопка появляется в поле зрения, и эффект постепенного исчезновения, когда пользователь продолжает прокручивать вниз, а кнопка исчезает из поля зрения.
var scrollButton = $('#scrollButton');

scrollButton.css('opacity', '0');

$(window).scroll(function() {
var scrollPos = $(this).scrollTop();

if (scrollPos > 100) {
scrollButton.css('opacity', '1');
} else {
scrollButton.css('opacity', '0');
}
});


Подробнее здесь: https://stackoverflow.com/questions/784 ... w-and-fade