Как сделать так, чтобы div всегда был топ с помощью CSS?

Question

Как и панель предупреждений от stackoverflow здесь.

Это не должно быть position:fixed, потому что это поддерживается не всеми браузерами.

Абсолютно, никто не будет position:absolute делать.

Answer 1

Вы всегда можете использовать EMCAscript или одну из его форм (JScript, JavaScript), чтобы вычислить положение области просмотра и установить позицию, равную этому.

function positionView()
{
  return (window.pageYOffset) ?
    window.pageYOffset :
    (document.documentElement.scrollTop) ?
      document.documentElement.scrollTop :
      document.body.scrollTop;
}

function setPosition(object)
{
  object.style.top = positionView() + "px";
}

Затем просто передайте объект DIV, который вы хотите использовать, с document.getElementById.

Я бы использовал position: fixed;. Однако многие все еще используют IE6, который его не поддерживает.

Answer 2

Это очень простой шаг, если вы используете какой-либо класс в css, примените еще одно свойство z-index = 1; он будет делать этот div всегда сверху, если этот div относительно родительского div.

Answer 3

Поместите div под тегом body, присвойте ему абсолютную позицию, top: 0, left: 0 И если вы хотите, чтобы он выдвигал контент, просто поместите его туда без CSS, который я вам дал.

Answer 4

Просто делай так, как это делает ТАК. Используйте «notifycontainer» и при необходимости заполните InnerHTML из JavaScript. Поскольку это относительное позиционирование, при переписывании InnerHTML страница перерисовывается в зависимости от содержимого div в том виде, в котором они находятся в данный момент. То же самое, когда вы хотите удалить предупреждение, вы просто переписываете InnerHTML. Вам даже не нужно писать код анимации. То, как браузеры отрисовывают сейчас, анимация будет автоматической.

Answer 5

Только фиксированное позиционирование делает это, если вы не хотите использовать javascript. Что вы не делаете, потому что это уродливый способ сделать это.

Answer 6

Убедитесь, что элемент непосредственно вложен в тег body, используйте css с абсолютной позицией и top: 0;

Кстати, fix используется большинством браузеров.