Форумы портала PHP.SU :: Версия для печати :: Прикрепляющийся и открепляющейся div

1. WhyAlwaysMe - 17 Декабря, 2012 - 13:15:38 - перейти к сообщению

Здравствуйте, проблема такая - нужно, чтобы блок(div) сначала оставался на месте, потом, когда он становится на верху экрана, он становился fixed(прилипал) к верху страницы.

И если можно дополнительно:
После фиксации становился полупрозрачным, а при наведении становился обычной прозрачности.

Код прозрачности как-то так:

CODE (javascript):
скопировать код в буфер обмена

$(function() {
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if(scrollTop != 0)
$('#menu').stop().animate({'opacity':'0.2'},400);
else
$('#menu').stop().animate({'opacity':'1'},400);
});
 
$('#menu').hover(
function (e) {
var scrollTop = $(window).scrollTop();
if(scrollTop != 0){
$('#menu').stop().animate({'opacity':'1'},400);
}
},
function (e) {
var scrollTop = $(window).scrollTop();
if(scrollTop != 0){
$('#menu').stop().animate({'opacity':'0.2'},400);
}
}
);
});
 