"Floating" Site Navigation

The MG Experience ~ Off Topic Forum ~ Archives

General non-MG related discussions. No politics here please!!

If you would like to post a reply, please click below to visit the The MG Experience Forums:
Off Topic Forum: "Floating" Site Navigation
http://www.mgexperience.net/phorum/read.php?47,1976390,page=1

Join the discussion, post your photos, or ask your own questions. Membership is FREE!




Feb 04, 2012 21:48:14
Skye

Hi Everyone,

I've programmed the "Site Navigation" bar in the left sidebar to go "sticky" when you scroll down on a really long page. This should make it faster and easier to navigate the website and hopefully highlight a few areas that some people haven't explored yet (easy to get navigational "tunnel vision" after being on the forums a while)

Let me know in this thread if it has any problems (tested on Chrome, iPad, Firefox, and IE 8)

Exciting Saturday night Javascript programming :D

Skye

Feb 04, 2012 23:19:12
racer76

Hmmm, doesn't "float" for me.

Firefox 10.0 Mac OSX 10.6.8





Feb 04, 2012 23:29:33
Skye

It has to be a long page, long enough to go past all the other stuff in the left sidebar.
Once the Facebook badge is scrolled off the top, it will appear.

Feb 04, 2012 23:30:24
Skye

Adding more space so you can see the effect in this thread.
Keep going down......

.
.
.
.
.
.


X(

Feb 05, 2012 01:11:38
racer76

Ooops, now it falls off the bottom of the page.

Site Navigation is level with the top of the page, but with the length of the index the last item is Cars For Sale and the rest falls below the page and can't be reached.

I am not sure how you address that (if you feel it necessary). I am viewing the site on a laptop. Expanding the page as far as it will go... I can get down to Motorsport (under Model Pages).

Feb 05, 2012 02:08:58
Skye

Quote: "
Ooops, now it falls off the bottom of the page.

Site Navigation is level with the top of the page, but with the length of the index the last item is Cars For Sale and the rest falls below the page and can't be reached.

I am not sure how you address that (if you feel it necessary). I am viewing the site on a laptop. Expanding the page as far as it will go... I can get down to Motorsport (under Model Pages).
"


That's fine. I can't optimize for every display size. Just scroll back to the top of the page and it will "re-dock" if you want to get to the rest of the Navigation.

Feb 05, 2012 06:28:32
kwinzee

Skye, sorry dude, but it doesn't work in IE9.

Feb 05, 2012 07:56:56
em754

Working here in Firefox 9.01. but not with Google Chrome.

Feb 05, 2012 12:34:48
Skye

If you don't see it, clear your browser cache or hold down the Shift key while clicking the reload button to pick up the new Javascript library.

Skye

Feb 05, 2012 13:51:03
kwinzee

It's working, nice! Good job, Skye. Thanks.

Feb 05, 2012 14:07:05
bobbygee

I'm running IE7 and it works.

The letters in the menu look a little more faded, I thought it was my screen fizzling out.

BobbyG

Feb 05, 2012 14:14:33
Skye

Quote: "
I'm running IE7 and it works.
The letters in the menu look a little more faded, I thought it was my screen fizzling out.
BobbyG
"


MSIE doesn't support opacity very well, so I've disabled the "fade in" effect for that browser.
Do the shift-reload thing described above to pick up the change, text should look normal again.

Skye

Feb 06, 2012 08:03:56
bobbygee

Quote: "
[quote=bobbygee,1976390,1976991]
I'm running IE7 and it works.
The letters in the menu look a little more faded, I thought it was my screen fizzling out.
BobbyG
"


MSIE doesn't support opacity very well, so I've disabled the "fade in" effect for that browser.
Do the shift-reload thing described above to pick up the change, text should look normal again.

Skye
[/quote]

Works just like you said!

Thanks,

BobbyG

This is an archived discussion from the The MG Experience Forums

If you would like to post a reply, please click below to visit the The MG Experience Forums:
Off Topic Forum: "Floating" Site Navigation


Archive Index | The MG Experience Forums | Return to The MG Experience