如果滾動使DIV變大

Question

當頁面內容滾動時，是否可以使DIV變大？我有位置聊天室：固定在我的頁面右側。我的聊天框的CSS是高度：100％右：0底部：0頂部：50px。頂部：50px是因爲我不希望它將導航欄隱藏在我的頁面頂部。現在的問題是，當我開始滾動頁面時，導航欄顯然從視線中消失，在我的聊天室頂部有50px高的空白空間。我想要的是，當我開始滾動頁面時，聊天框應該佔據整個屏幕的100％，以便在其上沒有空白空間。

Answer 1

你可以這樣做：

$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() > 100) { 
      $('.chat_box').css({top:'0px'}); 
     } 
     else { 
      $('.chat_box').css({top:'10px'}); 
     } 
    }); 
}); 

http://jsfiddle.net/5tnygmrz/1/

Answer 2

演示 - http://jsfiddle.net/victor_007/cq1e8c1t/

我想你需要的JavaScript

window.onscroll = function (e) { 
    var topscroll = window.scrollY 
    if (topscroll > 50) { 
     document.getElementById('fixed').style.top = 0 
    } else { 
     document.getElementById('fixed').style.top = 50 + 'px' 
    } 
}