Question

我有一个div元素，它不在顶部，而是在页面的中间。当我向下滚动它时，我希望它固定在浏览器的顶部。我怎样才能做到这一点？特别是它的事件。感谢。

Answer 1

你必须为该div编写一个CSS类，在该类中你应该使用像

这样的css属性

position:fixed
top:0;
left:0

Answer 2

使用职位：修复，这是一项CSS工作

Answer 3

$(document).ready(function() {
    $(window).scroll(function() {
      // write code to move the div.
     var top = $("#mydiv").offset().top;
     var left = $("#mydiv").offset().left;
    });
});

Answer 4

您可以像我这样添加

 .notification-box {
      position: fixed;
       top:20px;
       right:20px;
       width:300px;
           border-radius: 8px 8px 8px 8px;
           z-index:99;
       }

Answer 5

你可以做那样的事情

DEMO http://jsfiddle.net/C3AmC/

给出您想要滚动的位置。

注意虽然不知道这是否是最佳方法

Answer 6

您可以这样写：

$(window).scroll(function(){
    var scrollTop = $(window).scrollTop(); 
    if(scrollTop>150){
        $('.middle').css({'position': 'fixed', 'top': '0'});
    }
});

选中此http://jsfiddle.net/7ymuD/

向下滚动时在顶级浏览器中以固定模式创建div

6 个答案: