Comments on: Create a Sexy Persistent Header with Opacity Using MooTools or jQuery

By: Me

Me — Mon, 09 May 2011 13:13:34 +0000

Hey, m8, how and where did u add “$(“body”).css({“margin-top”: $(“#userbar”).outerHeight(true)});”?

By: ness

ness — Fri, 08 Apr 2011 07:01:18 +0000

Hi,

The website i made looks fine in most of the browsers but when i try to view it in iphone, the footer stick in the middle of the page….
Can anyone help me?

By: ness

ness — Fri, 08 Apr 2011 04:29:03 +0000

Hi,

I use your code for my website, it works in opera.
But the content inside the footer a bit lower that other browser.
When you rollover it the position move to the correct position.

Can give me some suggestion?

Btw, is it work in iphone? or is only me.

Thanks^^

By: ness

ness — Fri, 08 Apr 2011 04:24:53 +0000

It work! Just in Opera the text position inside the footer a bit lower, but when you rollover it, the position back to right position.
Anyone know how to fix it?

By: kenneth

kenneth — Tue, 08 Mar 2011 06:25:10 +0000

Hey I really Like this bar, but for some reason I cant get the fade to take effect. I have it on my page and everything, but when I decend it stays the same – any ideas?

By: andrai

andrai — Fri, 08 Oct 2010 17:50:52 +0000

A magento frontend feature like this would be great! A persistent header with shopping cart, account, wishlist etc.. and also facebook/twitter icons. You should make a module!

By: amit

amit — Sun, 04 Jul 2010 19:47:28 +0000

hey …

when i scroll down the page using mouse wheel it works but when i used scroll bar it take little-bit more time to fade out ( in jquery demo ) .

and other one work fine.

By: amit

amit — Sun, 04 Jul 2010 19:47:12 +0000

hey …

when i scroll down the page using mouse wheel it works but when i used scroll bar it take little-bit more time to fade out ( in jquery demo ) .

and other one work fine.

By: David

David — Fri, 18 Jun 2010 22:40:13 +0000

Thx for this code!
I took parts of it for a filter bar. The main difference is, that the filter bar is in the middle of the page content and not at the top.
As you scroll down the page, it “hooks” to the top and scrolls with it, as seen in the Magento admin backend.

Here’s my code:

$(document).ready(function() {
(function() {

//settings
var topDistance = $(‘.filterbar’).first().position().top;
var inside = false;
$(window).scroll(function() {
position = $(window).scrollTop();
if(position > topDistance && !inside) {
$(‘.filterbar’).attr(‘style’, ‘position: fixed; top: 0′);
inside = true;
}
else if (position < topDistance){
$('.filterbar').attr('style', 'position: static; top: 0');
inside = false;
}
});
})();
});

By: Daniel

Daniel — Tue, 25 May 2010 18:20:21 +0000

The jQuery version code is not valid ;/