Kodefix Sticky Bar
| 开发者 | gkubiszyn |
|---|---|
| 更新时间 | 2026年10月29日 18:17 |
| PHP版本: | 8.0 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Kodefix Sticky Bar adds a container block for the block editor. Place any blocks inside it — paragraphs, buttons, Kadence Row Layout, sections, and more. The bar stays in its place in the page layout and only pins to the top or bottom of the viewport once you scroll past it (CSS
position: sticky).
Features
- Nest any Gutenberg blocks inside the sticky bar
- Choose top or bottom sticky edge
- Offset and z-index controls to avoid clashes with other sticky or fixed elements (theme headers, admin bar)
- Optional admin bar compensation on the front end
- Hide the bar below a chosen viewport width
- Optionally keep the bar hidden until a chosen page element (anchor ID) appears on screen or leaves above the viewport
安装:
- Upload the plugin folder to
/wp-content/plugins/kfx-sticky-bar/ - Activate through the Plugins menu
- In the block editor, insert Kodefix Sticky Bar and add blocks inside it
- Adjust position, offset, and z-index in the block sidebar
常见问题:
Does this require Kadence?
No. Kadence blocks work inside the bar when Kadence is installed, but they are not required.
Why does sticky not work on my layout?
CSS sticky only works when ancestor elements use overflow: visible. Some page-builder wrappers set overflow: hidden or auto, which disables sticky. Move the bar outside that wrapper or adjust the parent overflow.
Can I stack multiple sticky bars?
Yes. Use offset and z-index to separate them when they are stuck.
更新日志:
1.0.0
- Initial release.