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

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()
       });
    });
});

Answer 3

使用此

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

始终使用jquery确保div标签位于页面顶部

3 个答案: