Как я могу создать плавательный див

Question

Я хочу создать div как панель чата Facebook. Я хочу увидеть этот div, однако прокрутите окно вверх или вниз. Есть ли у вас какие-либо предположения по этому поводу?

Примечание. У меня есть лицензия на инструменты Devexpress aspx.

ÇAĞIN

Answer 1

используйте css:

position: fixed

просто так

Answer 2

Правильный ответ с помощью CSS position:fixed;.

Однако имейте в виду, что IE6 не поддерживает position:fixed;. Это может не иметь значения для вас (немногие оставшиеся пользователи IE6 привыкли к сайтам, которые сейчас ломаются).

Что еще более важно, многие мобильные браузеры также не поддерживают position:fixed;. Это больше проблема для современного сайта. Причина, по которой они этого не поддерживают, заключается в том, что элемент с фиксированной позицией может вызвать серьезные проблемы с макетом на меньшем экране. Большинство из них трактуют «фиксированный» как «абсолютный», поэтому он все еще находится вне потока страниц, но его можно прокручивать.

Смотрите здесь для получения дополнительной информации: http://www.quirksmode.org/m/css.html - у него есть таблица, показывающая поддержку этой функции (и других) в различных мобильных браузерах. (но учтите, что рынок мобильной связи быстро меняется, и эта таблица может не обновиться)

Answer 3

Используйте стиль position:fixed на вашем div.Например,

<div class="swimming">Content</div>

Css:

.swimming { position:fixed; left:0px; top:0px; }

Answer 4

Я считаю, postion: fixed - это стиль CSS, который вам нужен.

<div style="position: fixed; top: 10px; left: 20px; right: 20px; height: 50px">
    content
</div>