向下滾動時，在頂部瀏覽器中以固定模式創建div

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

你可以做這樣的事情

演示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/