Shift8 ScrollShot
| 开发者 | shift8 |
|---|---|
| 更新时间 | 2026年5月13日 21:44 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPL-2.0-or-later |
| 版权网址: | 版权信息 |
详情介绍:
Shift8 ScrollShot turns a tall image into a scrolling screenshot preview. Add the wrapper and image classes, then adjust the behavior with data attributes. It works in regular templates, block markup, and most page builders.
Features:
- Automatic loop or scroll-linked movement
- Configurable pause timing
- Optional browser-style frame with traffic-light dots
- Per-instance configuration via data attributes
- Multiple independent instances on one page
- Respects
prefers-reduced-motion - No jQuery dependency
安装:
- Upload the
shift8-scrollshotfolder to/wp-content/plugins/. - Activate the plugin through the Plugins screen in WordPress.
常见问题:
Does it require a specific page builder?
No. The plugin scans the DOM for .s8-scrollshot and .s8-scrollshot__image classes regardless of which theme or page builder rendered them. It works with Bricks, Elementor, Gutenberg blocks, hand-coded HTML, or any other setup.
Can I have multiple instances on one page?
Yes. Each .s8-scrollshot instance is independent.
What happens if my image is shorter than the viewport?
The image stays static.
How do I control the width?
Set a width on the container element, or use the data-viewport-width attribute with a pixel value. The image fills the viewport width by default.
How do I make the scroll slower?
Increase data-duration. For a slow scroll, try 15000 or 20000 (15-20 seconds per cycle). Also increase data-end-pause for longer holds at each end.
更新日志:
1.0.2
- Harden data attribute parsing and animation setup.
- Move runtime CSS and JavaScript to
frontend-assets. - Add WordPress.org plugin page assets.
- Initial release.