Работа с jQuery scrolltop и fadein/fadeout на div

Question

У меня есть div с position: absolute внутри относительно позиционированного родителя. Я хотел бы сохранить этот div, расположенный на нижней части его родителя во время события .scroll().

Что я точно пытался сделать здесь, когда начинается прокрутка, fadeOut()div тогда, когда бегущие концы исчезают его в

Моей попытки это:.

clearTimeout(scroll); 
$(Writer).fadeOut('fast'); 

var scroll = setTimeout(function() { 
    $(Writer).css({ 
     'bottom': 0 
    }).fadeIn('slow'); 
}, 1000); 
}); 

Конечно это терпит неудачу. Идеи? Благодарю.

Answer 1

Попробуйте это:

var timer = -1; 
$(window).scroll(function() { 
    clearTimeout(timer); 
    $(Writer).hide(); // hide instead of fadeOut, as otherwise your users will see your div fading out while scrolling 
    timer = setTimeout(function() { $(Writer).fadeIn('slow'); }, 1000); 
}); 

UPDATE

Проверьте эту скрипту на демо: http://jsfiddle.net/c3z39/ - Демо использует position: fixed для того, чтобы продемонстрировать концепцию.

Answer 2

вы можете попробовать событие JQuery прокрутки сделать так: на свиток FADEOUT ур DIV и исчезают, как он останавливает прокрутку

$(window).scroll(function() { 
$(Writer).fadeOut('fast'); 
$(Writer).css({ 
     'bottom': 0 
    }).fadeIn('slow'); 
}, 1000);  
    });