Jquery 固定标题,可滚动的正文。没有桌子怎么办?

Jquery 固定标题,可滚动的正文。没有桌子怎么办?,jquery,html,css,Jquery,Html,Css,我想在我的网站上实现一个持久的标题,如果需要的话,主体可以滚动。有点像Facebook 我看到了很多关于表格的例子,所以我想知道是否有一种方法可以在没有表格的情况下进行操作。您只需将标题的位置设置为固定,如下所示: #header{ position:fixed; top:0; left:0; height:40px; width:100%; z-index:999; } 这将使页眉固定在页面顶部,并允许您滚动页面正文 此外,忘了添加,这取决于标题的高度

我想在我的网站上实现一个持久的标题,如果需要的话,主体可以滚动。有点像Facebook


我看到了很多关于表格的例子,所以我想知道是否有一种方法可以在没有表格的情况下进行操作。

您只需将标题的位置设置为固定,如下所示:

#header{
    position:fixed;
    top:0; left:0;
    height:40px;
    width:100%;
    z-index:999;
}
这将使页眉固定在页面顶部,并允许您滚动页面正文


此外,忘了添加,这取决于标题的高度,您可能希望在开始内容时从顶部添加填充。这将确保首次加载内容时,重叠PNG标题不会覆盖您的内容。

您只需将标题的位置设置为固定,如下所示:

#header{
    position:fixed;
    top:0; left:0;
    height:40px;
    width:100%;
    z-index:999;
}
这将使页眉固定在页面顶部,并允许您滚动页面正文


此外,忘了添加,这取决于标题的高度,您可能希望在开始内容时从顶部添加填充。这将确保在首次加载内容时,重叠PNG标题不会覆盖您的内容。

完全不需要表格。您可以通过创建一个100%宽度和任意高度的div,然后创建一个位置:固定,将top和left都设置为0


然后确保用CSS向下推其他内容,使其不在标题下。

完全不需要表格。您可以通过创建一个100%宽度和任意高度的div,然后创建一个位置:固定,将top和left都设置为0


然后确保使用CSS向下推其他内容,使其不在该标题下。

然后使用z-index向下推?使用padding top向下推。z-inex用于确保收割台始终位于顶部。一个元素的z索引越大,该元素出现的位置就越高(以相同的堆叠顺序)。对不起,我应该更清楚,您可以用与页眉高度相同的填充顶部向下推内容div。如果标题的Z索引与其他Z索引项重叠时出现问题,则可以将其设置为更高的数字。您应该使用firebug检查facebook标题。他们也是这样做的。你用z-index把它往下推?你用padding-top把它往下推。z-inex用于确保收割台始终位于顶部。一个元素的z索引越大,该元素出现的位置就越高(以相同的堆叠顺序)。对不起,我应该更清楚,您可以用与页眉高度相同的填充顶部向下推内容div。如果标题的Z索引与其他Z索引项重叠时出现问题,则可以将其设置为更高的数字。您应该使用firebug检查facebook标题。他们也是这样做的。这个问题以前被问过无数次。请在发帖前研究一下。但是很多人,包括我自己,可能会告诉你不要这样做我想是的。现在,如果我能想到搜索关键词:“如何在HTML页面顶部创建非滚动div,而不使用两组滚动条”,而不是我令人难以置信的、经过搜索引擎优化的标题,我就会找到它。=)这个问题以前被问过无数次。请在发帖前研究一下。但是很多人,包括我自己,可能会告诉你不要这样做我想是的。现在,如果我能想到搜索关键词:“如何在HTML页面顶部创建非滚动div,而不使用两组滚动条”,而不是我令人难以置信的、经过搜索引擎优化的标题,我就会找到它。=)+最后一段:正是我想要的!谢谢+最后一段:正是我想要的!谢谢