Question

我正在使用jstree插件和网页上的灯丝组按钮。当用户向下滚动时，我希望灯丝组按钮滚出视图（保持原样），而不是留在视图中的按钮。这只发生在IE上。以下是没有滚动时的外观：

Before Scrolling http://i375.photobucket.com/albums/oo194/cyberkrul/temp/PositionWithScrollProblem1.png

现在用户开始滚动...

When user starts scrolling ... http://i375.photobucket.com/albums/oo194/cyberkrul/temp/PositionWithScrollProblem2.png?t=1256234917

有人可以提出可能存在的问题吗？

这是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>

Answer 1

看起来这个滚动条看起来就像是IE6。

如果是这样，IE6中存在一个错误，导致html页面上position:absolute;的任何内容height:100%代替position:fixed。{/ p>

这是一篇关于它的文章：http://www.cssplay.co.uk/layouts/fixed.html

Answer 2

这听起来像定位问题（duh :)）。代码如何？页面中的按钮在哪里？我认为它是正确的，按钮应该有位置：绝对或位置：相对，它们的父级，应该是带有文件夹的div或其中一些其他div（滚动的那个），也需要有位置：相对，以便按钮知道要跟随哪个div。

看到按钮的背景跟随滚动，首先要尝试的是将其设置为位置：relative。

我希望我有点清楚，有点匆忙，但希望它会让你知道要寻找什么。

如何防止元素滚动进入视图？

2 个答案: