I have used Sara's scale-to-fit code, works perfectly.
There are two things though that I just can't get around.
I have created a sticky menu, that sticks to the top after a certain amount of scrolling.
using, $("body").append(sym.$('Menu')) and position:fixed, top:0px and all that.
This works great too, until I resize my window. It doesn't go along with the scaling of the stage, stays in it's original size.
I'm gussing the append is what is causing this.
Tried adding some css to control the menu's size on the scroll function, but that doesn't seem to work either.
Besides that, the code that is supposed to scale the height of the stage,
parent.height(stageHeight * rescale);
only seems to be working on Chrome. On Firefox and ItE, when I resize my window, the stage's height remains in it's original, creaing a very long empty scroll on the end of the page.
Hope that made sense,
Thank you thank thank you!
Glad you found the tutorial useful!
This is because the code targets the #Stage div, not the body which is where your menu is appended to.
Trying $("#Stage").append(sym.$('Menu')) might do the trick. Give that a shot.
Hey sarah, thanks for the reply.
Actually that didn't quite do the trick, trying some other options.
As for the window height, that doesn't rescale, do you have any suggestions?