<style type="text/css">
.header {
position:fixed;
top:0;
width:100%;
background:[[ColorPalette::TertiaryPale]];
padding:0 0 .5em;
border-bottom: 2px [[ColorPalette::TertiaryMid]] solid;
}
.contents {
position:fixed;
top:120px;
bottom:0px;
width:100%;
overflow:auto;
}
</style>
<!--{{{-->
<div class='header' macro='gradient vert
[[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></
span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></
span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></
span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></
span>
</div>
</div>
<div class='contents'>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></
div>
<div id='sidebarTabs' refresh='content' force='true'
tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
</div>
<!--}}}-->
The existing core code only knows how to scroll the document itself
into view. I think you'd need to change the Scroller() object to also
take into account your new scrolling area.
Cheers
Jeremy
--
Jeremy Ruston
mailto:jer...@osmosoft.com
http://www.tiddlywiki.com
D-o-h! Can't someone else do it? :)
I loaded up the SiteSubtitle by moving some items from the sidebar and
adding a few of my own. So I thought I'd keep that and the horizontal
Main Menu always visible. Hope someone finds the idea good enough to
take up.
Thanks.