固定格顶部和底部

< 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

固定格顶部和底部

回答

相关问题