Всегда проверяя, чтобы тег div находился вверху страницы, используя jquery

Question

У меня есть тег div <div id="customError">Error</div> Я хочу, чтобы этот тег div всегда появлялся в верхней части страницы с помощью jquery, поэтому с другими словами, даже если страница прокручивается, я хочу, чтобы он всегда был виден и находился вверху страницы.почти как панель уведомлений stackoverflow.Возможно ли это с помощью JQuery?Я попробовал несколько вещей, и они исчезают, когда страница прокручивается вниз.Буду признателен за любую помощь.

Answer 1

Вы можете использовать только CSS:

#customError {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  /* IE6 */
  _position: absolute;
  _top: expression(document.getElementsByTagName("body")[0].scrollTop + "px");
}

Answer 2

используйте это

#customError { 
   position:fixed;
   top:0;
   left:0;
}

Answer 3

CSS:

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

должно соответствовать вашим требованиям.

Если вам по какой-то причине необходимо динамически адаптировать положение элемента, попробуйте следующее:

$(function(){
    var $myelement = $('#element_that_should_stay_on_top');

    $(window).bind('scroll', function(){
       $myelement.css({
           position: 'absolute',
           top: $(window).scrollTop()
       });
    });
});