author | Madhusudan.C.S <madhusudancs@gmail.com> |
Fri, 21 Jan 2011 02:09:58 +0530 | |
changeset 505 | a05fde6309e1 |
permissions | -rw-r--r-- |
505
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
1 |
/* Original code from http://davidwalsh.name/persistent-header-opacity#bottom */ |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
2 |
var create_uberbar = function () { |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
3 |
$(document).ready(function() { |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
4 |
$("#header").css("position", "relative"); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
5 |
$("#header").css("top", "40px"); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
6 |
$("#header").css("margin-bottom", "70px"); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
7 |
|
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
8 |
//settings |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
9 |
var fadeSpeed = 200; |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
10 |
var fadeTo = 0.5; |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
11 |
var topDistance = 30; |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
12 |
|
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
13 |
var topbarME = function() { |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
14 |
$('#uberbar').fadeTo(fadeSpeed,1); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
15 |
}; |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
16 |
|
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
17 |
var topbarML = function() { |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
18 |
$('#uberbar').fadeTo(fadeSpeed,fadeTo); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
19 |
}; |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
20 |
|
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
21 |
var inside = false; |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
22 |
//do |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
23 |
$(window).scroll(function() { |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
24 |
position = $(window).scrollTop(); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
25 |
if(position > topDistance && !inside) { |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
26 |
//add events |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
27 |
topbarML(); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
28 |
$('#uberbar').bind('mouseenter',topbarME); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
29 |
$('#uberbar').bind('mouseleave',topbarML); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
30 |
inside = true; |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
31 |
} |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
32 |
else if (position < topDistance){ |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
33 |
topbarME(); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
34 |
$('#uberbar').unbind('mouseenter',topbarME); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
35 |
$('#uberbar').unbind('mouseleave',topbarML); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
36 |
inside = false; |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
37 |
} |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
38 |
}); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
39 |
}); |
a05fde6309e1
Add support for sticky bar top bar.
Madhusudan.C.S <madhusudancs@gmail.com>
parents:
diff
changeset
|
40 |
} |