Hi Bamboos

I have seen a nice FX on a website, which I would like to have for nebiúla, or at least for all sticky nav appearances....

de.drive-now.com/

see in this link of Drive Now, the sticky nav on top position is transparent while scrolling, and fades after a short time to non-transparent.

It would be a nice little detail to implement into the bamboo templates.

It should be some css code for sticky nav, as I presume. How would I do that?

Best sebastian

ah

That would be me misreading the question - just been troubleshooting the transparent sticky

Think it would be a combination of js and css
I'm not keen to be honest - as mentioned above I thought it was a bug

I'll pass on your suggestion

Cheers
Paul

Hi Paul,

I'm trying to bring this matter up again, as it is an effect, that makes a page look very professional, when scrolling down. I am working on an other motion powered website and felt again, that this fx is missing...

description: as long as you scroll, the navwrap.affix is transparent, and becomes intransparent after a second when stop scrolling.

this should be css thing probably.

best sebastian

this is what drive now has in the css

#global-header:before {
background: -moz-linear-gradient(center bottom , #f6f6f6 0px, #fff 100%) repeat scroll 0 0 #f6f6f6;
content: " ";
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
width: 100%;
z-index: -1;
}

probably the nav transition thing

best seb

I'll ask Anthony to check out this thread later today

Cheers
Paul

Hi Paul,

that sounds great!

I think this cubic-bezier css thing can do a lot making website look elegant and smooth

best seb

Hi Seb,

Is an interesting effect

Cheers

Hi Sebby,

My IP might be blocked for that site.
I just get a blank page.

Any other references?

Thanks

Hi Anthony

try this:

blog.drive-now.de/2012/07/26/registrierungsstationen-2/

best sebastian

Thanks Seb.

Looks like an interesting effect.

Will look into it

Thanks