网页中组件需要固定在界面的某个位置的时候使用position:fixed

    最近程序的开发中，通过sencha touch2动态生成的模板，需要使表头可以固定在顶部，即使表单往下拉动的时候，表头也固定在头部显示起来。

其实position:fixed是一个很好的方法，但是在模板中的表头使用position：fixed的时候没有效果，所以后来我就直接让模板只需生成表头之下的内容。然后表头使用div+ajax自动生成，表头的一行是一个table，然后包含在<div id="tabletitle"></div>.其中的css设置如下：

div#tabletitle{
    position:fixed;
    width:100%;
    height:40px;
    z-index:9999999999;
    margin-top:45px;
}

position:fixed；用来固定，然后宽度占满屏幕，主要是在sencha touch2中z-index这个值要设置的高一些，不然会被覆盖掉，通过margin-top来设置距离顶部的高度。

    在最后，还要获取模板中的第一行内容，来设置它的margin-top,防止表头覆盖在第一行上面。

转载于:https://www.cnblogs.com/joey-home/archive/2012/09/28/2706835.html