內容簡介
Navrail 是一款為您的頁面添加水平自動滾動導航欄的外掛，適用於各類型的著陸頁、文檔網站及長篇文章，讓訪客能快速跳轉至所需部分。它與 Elementor 及 WordPress 區塊編輯器（Gutenberg）兼容，提供便捷的導航體驗。
【主要功能】
• 自動生成目錄，無需手動建立
• 支援自定義導航項目，包含標題和連結
• 平滑滾動效果，並高亮當前區域
• 適用於各類頁面，靈活選擇包含的標題層級
• 支援右至左（RTL）語言
• 輕量級設計，僅在使用頁面加載
外掛標籤
開發者團隊
② 後台搜尋「Navrail – Horizontal Navigation & Table of Contents」→ 直接安裝（推薦）
原文外掛簡介
Navrail adds a horizontal, auto-scrolling navigation bar to your page. This is the same style of navigation used on many landing pages, documentation sites, and long articles, so visitors can jump straight to the part they want. It works with both Elementor and the WordPress block editor (Gutenberg).
Navrail TOC builds the navigation for you. Choose which heading levels to track (H2, H3, and so on), and it finds your sections automatically. It smooth-scrolls to a section when clicked, and highlights the current section as visitors scroll. No manual list-building needed.
Navrail Navigation lets you build the navigation by hand. Add items one by one, each with a title, an optional icon or image, and a link. A link can point to a section on the same page (with the same smooth scroll and highlighting as Navrail TOC), or to any normal URL, phone number, or email address.
Good for:
Landing page navigation
Long sales pages
Documentation
Service and product pages
One-page websites
Long articles
Navrail TOC features
Works with any page: headings, sections, anything with a heading tag
Choose which parts of the page to include or skip
Optional numbers before each item (1, 1.1, 1.2, 2, …)
Optional line separators between items
Optional fixed label before the list
Shortens long titles automatically (by width, character count, or word count)
Optional “stick to top/bottom” behavior
Navrail Navigation features
Add items by hand: title, optional icon or image, and a link
Place the icon/image before, after, above, or below the title
Keep all items the same height, even when some have an icon/image and others don’t
Separate colors and styles for Normal, Hover, and Active states
Works the same in Elementor and the block editor
Smooth scroll with highlighting of the current item
Auto-scrolling, swipeable bar with a soft fade at each edge
Right-to-left (RTL) language support
Lightweight: no external libraries, and only loads on pages where it’s used
Elementor also lets you set separate values for Desktop, Tablet, and Mobile; the block editor uses one value for all screen sizes
