Исправлена ​​позиция div в IE7

Question

У меня есть div, который должен заполнить высоту окна просмотра браузера, но все равно говорит о том же положении, когда пользователь прокручивает веб-страницу вверх и вниз. положение: фиксированное; делает это, но я не могу использовать его, поскольку он делает полосу прокрутки переполнения div рывком и медленно. Есть ли позиция или метод, который я могу использовать, например, в настоящее время у меня есть:

div.panel {
  position: absolute;
  top: 36px; 
  right: 0;
  overflow: auto;
  background: #636362;
  padding: 0 0 20px 0px;
  width: 290px;
  height: 100%;
}

Answer 1

Я не уверен, что вы имеете в виду под "вяло и медленно", потому что все полосы прокрутки действуют одинаково. Вот как я бы решил вашу проблему:

HTML:

<div class="fixed">I'm fixed!</div>
<p>Rest of page</p>

CSS:

html, body {
  /* make sure the page is at least height of viewport */
  height: 100%;
}
body {
  /* because the fixed div is no part of the flow, 
     make sure it is not overlapping the webpage  */
  padding: 0 0 0 100px;
}
.fixed {
  height: 100%;
  width: 100px;
  left: 0;
  position: fixed;
  background: #e0e0e0;
  /* only vertical-scrolling, but can be changed of course */
  overflow-y: scroll;
}

Пример JSfiddled Live

Работает как минимум в IE7, IE8 и Firefox.