需要粘性页眉/页脚，但 CMS 不会让我在正文标签中编码

Posted 2023-03-21

【中文标题】需要粘性页眉/页脚，但 CMS 不会让我在正文标签中编码

【英文标题】：Need Sticky Header/Footer but CMS won't let me code in the body tag

【发布时间】：2018-01-01 06:09:07

【问题描述】：

我在一个过时的内容管理系统中工作，该系统不允许我访问 body 标记。有什么方法可以在不使用 body 标签的情况下创建粘性页脚和粘性页眉？

【问题讨论】：

太宽泛了。您需要添加更多细节。

【参考方案1】：

如果你可以在 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 作为页脚。