I've modified the default layout to produce a non-scrolling page
header (and backstage and mainMenu). The following CSS rules did the
trick for me (plus width-height-padding tweaks):
#backstageArea {position:fixed;}
#backstageButton {position:fixed;}
.headerForeground {position:absolute;}
.header {position:fixed !important;}
#tiddlerDisplay {position:absolute;}
#mainMenu {position:fixed;}
Now when I scroll down a long document, tiddlers pass under the fixed-
position colored header (whose height.is 9em). This is what I wanted.
However, when I open a long tiddler, its title and upper text get
obscured under the header because by default it gets scrolled upward
until its container Div (class=tiddler) reaches the top of the
viewport.
Adding top padding to the tiddler Div to bring the title down from
under the header is not acceptable because this produces large gaps
between tiddlers in the body of the document.
I'm thinking turning off this automatic scrolling may be the only fix
for my problem, but I have little JQuery experience. Can anyone give
me a shove in the right JQuery direction? Has anyone produced an
acceptable fixed header layout? --Thanks
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en.
