如何使用jquery和css创建粘性标头

时间:2012-11-20 14:00:56

标签: javascript jquery html header sticky

我一直在尝试创建像我们在stickysectionheaders中看到的那样的粘贴标题。但我必须在页面滚动而不是div元素滚动上创建它。因为当滚动到达页面底部时,我运行了一些js脚本。

我是php脚本,它生成页面,视图中有单独的文件 即 header_view.php

main_view.php

footer_view.php

粘性标题的内容在main_view.php中,所以如果我尝试应用css样式位置:固定位置:绝对顶部:0 到标题,它们没有出现在屏幕顶部,而是在header_view.php内容结束后出现。它们也没有固定,当我滚动页面时它们会滚动。如何将它定位到固定位置的屏幕顶部。

1 个答案:

答案 0 :(得分:1)

你试过给它一个z指数吗?

所以

position: absolute;
top: 0;
z-index: 15;//for example

因此标题将位于文本

之上