как сохранить элемент от прокрутки в поле зрения? - PullRequest
0 голосов
/ 22 октября 2009

Я использую плагин jstree вместе с кнопками группы накаливания на веб-странице. Мне бы хотелось, чтобы кнопки группы нитей прокручивались вне поля зрения (оставались там, где они есть), когда пользователь прокручивал страницу вниз, а кнопки оставались в поле зрения. И это происходит только в IE. Вот как это выглядит при отсутствии прокрутки:

Перед прокруткой http://i375.photobucket.com/albums/oo194/cyberkrul/temp/PositionWithScrollProblem1.png

Теперь, когда пользователь начинает прокручивать ...

Когда пользователь начинает прокручивать ... 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>

Ответы [ 2 ]

1 голос
/ 22 октября 2009

По виду этой полосы прокрутки кажется, что вы имеете в виду IE6.

Если это так, в IE6 есть ошибка, из-за которой что-либо с position:absolute; на HTML-странице с height:100% вместо position:fixed действует.

Вот рецензия на нее: http://www.cssplay.co.uk/layouts/fixed.html

0 голосов
/ 22 октября 2009

Звучит как проблема с позиционированием (дух :)). Как выглядит код? Где расположены кнопки на странице? Я думаю, чтобы это было правильно, кнопки должны иметь положение: абсолютное или положение: относительное, и их родительский элемент, который должен быть элементом div с папками или каким-либо другим элементом div внутри этого элемента (который прокручивается), также должен иметь положение: относительное, чтобы кнопки знали, за каким дивом следовать.

Видя, что фон кнопок повторяет прокрутку, первое, что нужно попробовать, это установить ее в положение: относительное.

Надеюсь, я кое-что прояснил, немного поторопившись, но, надеюсь, это даст вам представление о том, что искать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...