Как сделать «ограниченно-фиксированный» div с использованием HTML и JavaScript?

Question

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

Answer 1

Система комментариев Slashdot использует два разных типа позиционирования для этого блока. Когда вы в первый раз заходите на страницу, поле абсолютно позиционируется так, чтобы оно отображалось внизу этого столбца слева. (Код CSS здесь:)

left: 0px;
top: 429px; /* or something */
position: absolute;

Когда вы прокручиваете вниз под нижней частью этого столбца, они переключают его на фиксированное положение с помощью Javascript.

left: 0px;
top: 0px;
position: fixed;

Answer 2

Вы имеете в виду что-то вроде

<div style="width xx; height xx; overflow: scroll;">?