I’m using jstree plugin altogether with filament group buttons on the web page.
I would like filament group buttons to scroll out of view (stay where they are) when user scroll down but instead buttons staying in view. And that happens only on IE.
Here is how it looks when there is no scrolling:
Before Scrolling http://i375.photobucket.com/albums/oo194/cyberkrul/temp/PositionWithScrollProblem1.png
Now when user starts to scroll…
When user starts scrolling … http://i375.photobucket.com/albums/oo194/cyberkrul/temp/PositionWithScrollProblem2.png?t=1256234917
Can anybody suggest what might be the problem?
Here is html:
<div id="divItems" style="overflow: auto; height: 100%;">
<div class="fg-toolbar ui-widget-header ui-corner-all ui-helper-clearfix">
<div id="divTreeToolbar" class="fg-buttonset ui-helper-clearfix">
<a id="btnRefreshTree" href="#" class="fg-button ui-state-default fg-button-icon-solo ui-corner-all" title="Refresh"><span
class="ui-icon ui-icon-refresh"></span>Refresh</a>
<a id="btnSortTreeFoldersAsc" href="#" class="fg-button ui-state-default fg-button-icon-solo ui-corner-all" title="Sort Folders Ascending">
<span class="ui-icon ui-icon-circle-arrow-s"></span>Sort Asc</a>
<a id="btnSortTreeFoldersDesc" href="#" class="fg-button ui-state-default fg-button-icon-solo ui-corner-all" title="Sort Folders Descending">
<span class="ui-icon ui-icon-circle-arrow-n"></span>Sort Desc</a>
<a id="btnSearchTree" href="#" class="fg-button ui-state-default fg-button-icon-left ui-corner-all" title="Search"><span
class="ui-icon ui-icon-search ui-icon-refresh"></span>Search</a>
</div>
</div>
</div>
It seems by the look of that scrollbar that you mean IE6.
If so, there is a bug in IE6 that causes anything with
position:absolute;on an html page withheight:100%to act asposition:fixedinstead.Here is a writeup on it: http://www.cssplay.co.uk/layouts/fixed.html