var oldScrollY = 0;
var div = document.getElementById("line-relative");
window.onscroll = function() {
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
var dY = scrolled - oldScrollY;
if ( dY > 0 ){
div.className = "line-relative line-topp";
} else {
div.className = "line-relative line-top";
}
oldScrollY = scrolled;
}