內容簡介
Navrail 是一款為 Elementor 提供的外掛，能夠新增水平自動滾動導航條和內容目錄，幫助訪客快速跳轉到所需的頁面區域，提升使用者體驗。
【主要功能】
• 自動生成內容目錄，無需手動建立
• 支援手動配置導航項目，靈活性高
• 平滑滾動效果，強調當前項目
• 可調整寬度和對齊方式，完全樣式控制
• 支援粘性定位，適合各種頁面設計
外掛標籤
開發者團隊
② 後台搜尋「Navrail – Horizontal Navigation & Table of Contents」→ 直接安裝（推薦）
原文外掛簡介
Navrail adds two widgets for horizontal, auto-scrolling navigation bars, the same pattern used by modern landing pages, documentation sites, and long-form pages to help visitors jump straight to the section they care about. Currently available as Elementor widgets.
Navrail TOC builds the navigation for you. Pick which heading levels to track, and it detects your sections automatically, smooth-scrolls to them on click, highlights the active one as visitors scroll, and keeps it in view. No manual list-building.
Navrail Navigation builds the navigation from a list you configure by hand: one item at a time, each with its own title, optional icon or image, and a link, whether to a section on the page (with the same smooth scroll and active-item tracking as Navrail TOC) or to any normal URL, tel:, or mailto: link.
Either widget works well for:
Landing page section navigation
Long-form sales pages
Documentation
Service and product pages
One-page websites
Long articles built with Elementor
Navrail TOC
Works with any Elementor page structure: headings, sections, anything with a heading tag
Include/Exclude selectors for precise control over which headings are picked up
Optional item separators and hierarchical numbering (1, 1.1, 1.2, 2, …)
Optional leading text with Dynamic Tags support
Optional title truncation, by width, character count, or word count
Navrail Navigation
Manually-configured items via a repeater: title, optional icon or image, link
Icon/image position (before, after, above, or below the title), set independently per breakpoint
Min Height control to keep items a consistent height when some have an icon/image and others don’t
Independent Normal/Hover/Active styling for both the item and its title
Shared by both widgets
Smooth scroll with active-item highlighting
Auto-scrolling, swipeable navigation bar with edge fade
Adjustable width, alignment, and full style control: colors, borders, spacing, independent Normal/Hover/Active states
Sticky positioning support
RTL-ready
Lightweight, no external libraries, loads only where the widget is used
