向下滚动页面时，使Div从右向左滑入

Question

当我向下滚动页面时，我有一个淡入淡出的div，当我向上滚动页面时淡出淡出。当我向上滚动并向上滚动时，我想让它从右向左滑入。当我向上滚动时。

以下是代码：

$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 200) {
$('.header-avail').fadeIn();
} else {
$('.header-avail').fadeOut();
}
});

Fiddle