固定格頂部和底部

< 3..just需要一些幫助在我的網頁..如果我有一個固定的div頂部和正確的頁面底部我如何看到我所有的數據。底部沒有顯示正確特別是當我重新大小的頁面的高度.. sample 固定格頂部和底部

<div id="page-container" class=""> 

    <!------------ content ------------> 
    <div id="content" class=""> 

       <div class="clear"></div> 
       <div class="topbox"> 
       <img id="user_image" class="user_image" src="" width="45" height="45"/> 
       <span class="nickname" id="nickname"></span> 
       </div> 
       <div class="message" id="message_container"> 
        <div class="messagechat"> 
        <ul id="message_area"> 
         somelong data here 
        </ul> 
        </div> 

       </div> 


       <div class="chatbox"> 
        <a href="#" class="pixbtn alignleft"></a> 
        <div class="chat alignleft"> 
        <input type="text" name="user" class="text" id="input_area"> 
        </div> 
        <a href="javascript:;" class="sendbtn alignright" id="button_send"></a> 
       </div> 


    </div>

來源

2013-10-19 Cindy93

我糾正你的jsfiddle這裏：http://jsfiddle.net/c26zd/2/

如果您需要的灰色背景之間的一些餘量（頂部和底部），您的內容，只需添加例如

#content { 
    margin: 10px auto; 
}

來源

2013-10-19 20:26:16 zapcost

謝謝sooo much .. :-) – Cindy93

我可以問你嗎？我遇到了問題，我的js ..我的scrollTop不工作。我有一個時間間隔，在message_area內添加數據。這個不再工作'$（'＃message_container'）。scrollTop（$（'＃message_container'）[0] .scrollHeight）;':( – Cindy93

你可以請更新你的jsfiddle，所以我可以讓你的當前版本javascript？ – zapcost

我認爲最好的辦法是，你可以控制使用jQuery頁面的高度，換言之，當頁面的高度小於例如200像素雙方的div（頂部和底部）是mi nimize（摺疊），現在你應該爲它們兩個定義鼠標懸停事件，當鼠標懸停時它是初始大小（展開）所以在這種狀態下，即使頁面高度最小，數據也會顯示更好，你應該檢查resize事件中的高度

$(window).resize(function() { 
    //do something 
});

來源

2013-10-19 20:46:51

固定格頂部和底部

回答

相關問題