Stayrail – Sticky Widgets & Elements
| 开发者 | hasseandre |
|---|---|
| 更新时间 | 2026年10月28日 20:47 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Stayrail keeps your most important content in view: sidebar ads, sign-up forms, tables of contents, calls to action or anything else you choose.
It is a modern, actively maintained alternative to the "Fixed Widget" (Q2W3) plugin, and it can import your existing Fixed Widget setup in one click.
Three ways to make something sticky
- Blocks – select any block in the editor, site editor or block widget editor and switch on "Keep sticky while scrolling".
- Classic widgets – tick "Keep sticky while scrolling" on any widget under Appearance → Widgets.
- Anything else – add a CSS selector in the settings, or give an element the class
stayrail-sticky. Works with page builders such as Elementor, Divi, Bricks and Brizy.
- Stable width when zooming, resizing or rotating the screen.
- Zero layout shift: a placeholder keeps the element's spot in the page.
- Automatically stays below the admin bar and sticky headers.
- Automatically stops at the site footer, plus your own stop elements.
- Several sticky widgets in one sidebar stack neatly.
- Choose desktop, tablet and/or mobile, with your own breakpoints.
- Elements taller than the screen scroll until their bottom is reached, then stick.
- Plain JavaScript, no jQuery. Script loads deferred.
- Translation-ready. Norwegian (bokmål) included.
window.Stayrail.refresh()– re-scan the page after loading content with JavaScript (infinite scroll, AJAX).document.dispatchEvent( new Event( 'stayrail:refresh' ) )– same, event-based.data-stayrail-devices="desktop,tablet"– per-element device override.data-stayrail-after="30"– only stick after 30 % of the page has been scrolled..stayrail-is-stuck– class added while an element is pinned.stayrail:stuck/stayrail:released– events fired on the element when it is pinned or released.stayrail_frontend_config– filter the configuration sent to the script.
安装:
- Install and activate the plugin.
- Go to Settings → Stayrail.
- Make a block, widget or element sticky using one of the three methods above.
屏幕截图:
常见问题:
The sticky element doesn't stick.
Check that the device type is enabled under Devices, and that your browser window is wider than the minimum width (if set). Clear your page cache after changing settings.
The element ends up behind other content.
Raise the layer (z-index) under Advanced.
Does it work with caching and optimization plugins?
Yes. The script has no dependencies and can be deferred or combined.
更新日志:
0.5.0
- Translations now come from translate.wordpress.org.
- Prepared for Stayrail Pro through Freemius (anonymous mode, no data sent by default).
- New events: stayrail:stuck and stayrail:released on pinned elements.
- Per-element rules via data attributes (devices, scroll depth).
- Extension points for add-ons on the settings screen.
- First release.