魏艾斯笔记Sticky Header (or anything!) on Scroll插件是一款 WordPress粘性元素插件。用于保持网页上的任意元素的“粘性”，当你从网页顶部下拉滚动，插件会把这个元素在页面顶部，像个浮动元素一样。插件可以让任何元素保持粘性，比如粘性标题，粘性菜单，粘性小部件，粘性 logo等。
所谓的“粘性”可以理解成固定，无论页面如何上下拉动，这个被固定的元素始终在原地不动，不会跟随页面移动而移动。一般用于显示菜单、页眉及其他重要内容。
Sticky Header (or anything!) on Scroll插件安装启用
进入 WordPress后台 > 插件 > 安装插件，搜索 Sticky Header (or anything!) on Scroll，安装并启用。
如果安装失败，就要去 WordPress官网搜索这个插件，下载到本地，再上传到网站插件目录，去后台启用。
Sticky Header (or anything!) on Scroll插件设置
启用插件后在 WordPress后台的设置中能看到 Sticky Menu（or anything!）并进入。
1、插件设置起来很简单，我们首先要确认对前台页面哪个元素添加“粘性（固定）”，也就是在下面的“粘性元素”添加元素的ID或类。
获取ID或类需要使用浏览器的 F12检查工具，以找到导航菜单使用的CSS ID为例讲解。
访问网站首页把鼠标移到导航菜单，按键盘上的F12，或右键单击页面空白处并从浏览器的菜单中选择“检查”都可以打开检查工具。
这时候发现浏览器屏幕拆分开来，有人是左右拆分，有人是上下拆分。你还能看到导航菜单的源代码，如上图所示。
你要仔细找到导航栏对应的代码行，像下面这样的：
<nav id=”site-navigation” class=”primary-navigation sticky-element-original sticky-element-active element-is-not-sticky” role=”navigation” aria-label=”Primary menu” style=””>
在实际使用过程中新手并不容易找到目标行。首先我们要知道 导航栏是用 div包裹后放在网页上部的，那么老魏的办法是在上图的代码中查找靠近 <body> 附近的代码，这样花费的时间较短。 再用鼠标的光标放到“检查”窗格的不同代码行上，当包括了正确的代码行时导航菜单的背景颜色会突出显示，然后再点开里面的 <div>依次查找，最终找到导航菜单的CSS ID为 site-navigation。
复制并填入插件的“粘性菜单”，输入菜单的CSS ID，并在开头添加一个 #，最后输入内容为 #site-navigation，如下图所示。
点击页面底部的“保存更改”按钮。
查看网站前台页面，当向下拉动时菜单就被固定在页面上不跟随移动了。
2、页面顶部和粘性元素之间的间隔：仅当菜单与不想被隐藏的元素重叠时，才需要使用此设置。否则就忽略。
3、建议勾选“检查管理栏”。插件会为WordPress管理栏（WordPress admin bar）添加一些空间，仅对已登录用户可见。
比如下图中看到测试站点上的 WordPress管理栏正确显示在粘性菜单上方：
4、考虑到部分用户使用手机、pad等移动设备访问网站，可以使用下列选项取消导航菜单的操作：
你可以测试一下网站在移动设备或平板上的外观布局，如果粘性菜单生效后不够好看，为此选项添加 780px或者自定义数值直到满意为止。
更改后保存更改。
Sticky Header (or anything!) on Scroll是一款比较好用的 WordPress粘性元素插件，让粘性标题，粘性菜单，粘性小部件，粘性 logo等任何元素保持粘性。如果你正需要而主题、页面编辑器又不支持，那么可以试试这款插件。