opacity и animate
 

Ребят подскажите пожалуйсата

есть код

$(window).scroll(function(){
	        var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
	        if (scrollTop > 1000)
	            {
	            $("#hid").css("display","block");
	            $("#hid").animate({'opacity':'0.8'},1000);
	            }
	        if (scrollTop < 1000)
	            {
	            $("#hid").css("display","none");
	            $("#hid").css("opacity","0");
	            }
	 
	    });

<a id="a-hid" href="#logoTop">
<div id="hid" class="poyv-div"> </div>
</a>
[/html]


почему когда мы скролим на самый верх он ставит в свойство "opacity: " сначала 0 потом 0.8. а так все идеально работает за исключением вот этого бага а из за него последущая анимация не работает

sloyi,
птому что animate останавливать надо

sloyi,

$(window).scroll(function(){
	        var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
	        if (scrollTop > 1000)
	            {
	            $("#hid").stop().css("display","block")
	            .animate({'opacity':'0.8'},1000);
	            }
	        else
	            {
	            $("#hid").stop().css({"display":"none", "opacity":"0"});
	            }

	    });

Вооо))0 спасибо работает

только щас понять не могу как сделать чтоб когда меньше тысячи он тоже плавно изчезал

я сделал следущим образом

var scrollTop =  document.documentElement.scrollTop;
		if (scrollTop > 1000)
			{
			$("#hid").stop().css("display","block")
			$("#hid").animate({'opacity':'0.8'},500);
			}
		else
	        {
	        $("#hid").stop()
			$("#hid").animate({'opacity':'0'},500);
	        }

но мне надо еще сделать чтоб display none ставил сразу как закончиться анимация не могу понять как. ставил и он либо нечего не делал либо ставил значение none сразу как происходит действие т.е. до того как закончилась анимация

sloyi,
смотрите параметры animate и добавляйте css в callback, callback это функция которая выполнится когда анимация закончится

Спасибо большое все сделал)))

$(window).scroll(function(){
	    var scrollTop =  $(this).scrollTop();
		if (scrollTop > 300)
			{
			$("#hid").stop().css("display","block")
			$("#hid").animate({'opacity':'0.8'},500);
			}
		else
	        {
	        $("#hid").stop()
			$("#hid").animate({'opacity':'0'}, 500, function()
				{
				$("#hid").css("display","none");
				}
			);
	        }
	});