內容簡介
Scroll Indicator 外掛為著陸頁、主題區塊、編輯佈局及長篇內容提供專注的滾動指示器，幫助訪客清楚了解下方有更多內容可探索。
【主要功能】
• 五種圖示樣式：滑鼠、箭頭、菱形、圓點及手勢
• 預設大小及自訂 CSS 大小值
• 原生區塊編輯器的文字顏色、間距、字型及對齊控制
• 固定螢幕定位及可拖曳的絕對定位
• CSS 動畫尊重訪客的減少動作偏好
• 自動隱藏滾動行為
外掛標籤
開發者團隊
原文外掛簡介
Scroll Indicator adds a focused block for landing pages, hero sections, editorial layouts, and long-form content. It gives visitors a clear visual cue that there is more to explore below the fold.
Choose from multiple icon styles, adjust the size, use native WordPress text color controls, add optional helper text, and let visitors click or keyboard-activate the indicator to move smoothly down the page.
The block is intentionally lightweight. Animations are handled with CSS, respect reduced-motion preferences, and the front-end script is limited to click-to-scroll and automatic hide-on-scroll behavior.
Key Features
Five icon styles: mouse, arrow, chevron, dots, and hand.
Preset sizes plus a custom CSS size value.
Native block editor controls for text color, spacing, typography, and alignment.
Fixed screen positioning and draggable absolute positioning for hero-style sections.
CSS-only animation that respects the visitor’s reduced-motion preference.
Optional text label beneath the icon.
Automatic hide-on-scroll behavior.
Keyboard-accessible click-to-scroll interaction.
No animation libraries or heavy runtime dependencies.
Development
The human-readable source for the compiled JavaScript and CSS is included in this plugin package under src/.
The generated files in compiled/ are built from src/index.js, src/view.js, and the SCSS files in src/ using @wordpress/scripts. To rebuild them, run:
npm install
npm run build
The public source repository is maintained at https://github.com/dhanson-wp/scroll-indicator.
Good For
Landing page hero sections.
Editorial introductions.
Long-form stories and portfolios.
Product pages where visitors should continue below the fold.
Any layout that needs a subtle, branded scroll cue.
