Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 需要粘性页眉/页脚,但CMS不允许我在body标签中编码_Html_Css_Header_Footer_Sticky - Fatal编程技术网

Html 需要粘性页眉/页脚,但CMS不允许我在body标签中编码

Html 需要粘性页眉/页脚,但CMS不允许我在body标签中编码,html,css,header,footer,sticky,Html,Css,Header,Footer,Sticky,我在一个过时的内容管理系统中工作,它不允许我访问body标签。有没有办法在不使用body标记的情况下创建粘性页脚和粘性页眉?如果您可以在head元素中放置一些内容,则应该这样做: <script> var myStickyHeader = document.createElement('div'); myStickyHeader.style.background = 'white'; myStickyHeader.style.position = 'fixed'; myStickyH

我在一个过时的内容管理系统中工作,它不允许我访问body标签。有没有办法在不使用body标记的情况下创建粘性页脚和粘性页眉?

如果您可以在head元素中放置一些内容,则应该这样做:

<script>
var myStickyHeader = document.createElement('div');
myStickyHeader.style.background = 'white';
myStickyHeader.style.position = 'fixed';
myStickyHeader.style.top = 0;
myStickyHeader.style.left = 0;
myStickyHeader.style.right = 0;
myStickyHeader.style.zIndex = 9999; // just in case
myStickyHeader.innerHTML = 'My sticky header';


document.body.addEventListener('load', function() {
    document.body.insertBefore(myStickyHeader, document.body.firstChild);
}, false);
</script>

将myStickyHeader.style.top切换为myStickyHeader.style.bottom,切换为页脚。

太宽了。你需要添加更多的细节。