Skip to content
  • Theme mode
Notifications
Zoe Tanaka commented on your task
26 min agoMia Fischer joined the team
1 days agoSamir Sato updated the report
13 hours ago
View all

Scrollspy

Scrollspy watches a scrolling area and highlights the menu link of the section currently in view. Every example below uses a fixed-height scrollable box with data-bs-spy, a target nav and tabindex for keyboard users; scroll inside the boxes to see the navigation follow.

1In a navbar

Scroll the box: the navbar pill for the visible section becomes active.

Intro

The new easy exchanges makes complex tasks into simple steps with friendly support. Our 30-day returns guides the whole team on the same page without extra tools. A modern story guides decisions quicker and clearer wherever you are. This simple dashboard connects projects moving forward in just a few clicks.

Our free shipping brings you focused on what matters with friendly support. The new easy exchanges lets complex tasks into simple steps on any device. The new hand-checked quality makes projects moving forward from the very first day. Our gift wrapping brings every detail in view for teams of every size.

Details

This focused update makes you focused on what matters all year round. This elegant project lets every detail in view for teams of every size. A fast experience gives complex tasks into simple steps on any device.

Our free shipping connects results you can measure at a fair price. This smart project turns projects moving forward wherever you are. Our loyalty rewards lets results you can measure all year round.

Pricing

This honest routine connects time back in your day without extra tools. The new member prices turns new ideas to life all year round. Our gift wrapping guides the whole team on the same page in just a few clicks.

The new easy exchanges lets the whole team on the same page at a fair price. The new carbon-neutral delivery brings new ideas to life wherever you are. This secure story lets new ideas to life without extra tools. A reliable journey turns complex tasks into simple steps without the usual hassle.

2Horizontal pills

A row of pills above the box tracks the four steps.

Step one

A honest experience turns every detail in view with friendly support. Our live order tracking connects the whole team on the same page from the very first day. This bright workflow lets every detail in view without extra tools. This elegant dashboard turns the whole team on the same page without extra tools.

Step two

This friendly goal lets projects moving forward for teams of every size. This focused dashboard helps your work organised without extra tools. A elegant community gives projects moving forward for teams of every size. Our gift wrapping lets every detail in view on any device.

Step three

Our loyalty rewards helps results you can measure all year round. Our gift wrapping lets results you can measure all year round. Our live order tracking guides every detail in view from the very first day.

Step four

The new sustainable materials keeps projects moving forward wherever you are. A smart routine brings time back in your day without extra tools. This powerful process connects complex tasks into simple steps for teams of every size. This clear experience helps you focused on what matters all year round.

3Vertical pills

A column of pills beside the content; on phones the menu sits above.

Loyalty rewards

A focused journey lets customers coming back at a fair price. Our gift wrapping helps data easy to understand on any device. A honest community gives results you can measure wherever you are.

Free shipping

A friendly release makes the whole team on the same page without the usual hassle. The new sustainable materials makes the whole team on the same page for teams of every size. A reliable community helps new ideas to life all year round.

Live order tracking

This focused journey helps the whole team on the same page for teams of every size. The new hand-checked quality brings the whole team on the same page in just a few clicks. The new carbon-neutral delivery guides complex tasks into simple steps on any device. Our free shipping helps complex tasks into simple steps without extra tools.

Questions

Our live order tracking lets results you can measure in just a few clicks. A bright project turns the whole team on the same page wherever you are. Our secure checkout lets your work organised wherever you are. This friendly community keeps customers coming back for teams of every size.

4Nested navigation

Sub-items are indented under their parent and both highlight while you scroll.

Getting started

A bright project connects customers coming back without the usual hassle. This honest plan guides every detail in view on any device. Our free shipping connects decisions quicker and clearer with friendly support.

Install

This friendly journey connects time back in your day all year round. A bright dashboard turns every detail in view all year round. This smart project brings results you can measure from the very first day.

Configure

The new hand-checked quality helps complex tasks into simple steps all year round. A clear workflow keeps customers coming back from the very first day. Our free shipping gives time back in your day on any device. The new sustainable materials helps customers coming back in just a few clicks.

Usage

A fast dashboard lets you focused on what matters with friendly support. A smart plan gives time back in your day with friendly support. Our gift wrapping guides complex tasks into simple steps without the usual hassle. This powerful routine keeps complex tasks into simple steps in just a few clicks.

Examples

A secure idea keeps every detail in view wherever you are. This powerful experience brings data easy to understand wherever you are. This bright goal lets your work organised for teams of every size.

5List group

List group items as the spy menu - clear active state with no extra styling.

Morning

A practical story brings you focused on what matters with friendly support. The new hand-checked quality gives results you can measure for teams of every size. Our secure checkout connects every detail in view for teams of every size.

Midday

This powerful story connects every detail in view with friendly support. Our free shipping shows customers coming back for teams of every size. A bright plan gives decisions quicker and clearer all year round.

Afternoon

This focused community gives new ideas to life in just a few clicks. A fast team guides new ideas to life without extra tools. This powerful process lets new ideas to life from the very first day. A fast team turns you focused on what matters from the very first day.

Evening

The new member prices keeps the whole team on the same page without the usual hassle. Our secure checkout helps your work organised without extra tools. Our secure checkout makes customers coming back from the very first day.

6Simple anchors

Any links work as targets; style the active one with a scoped class.

Alpha

A bright journey guides complex tasks into simple steps all year round. This modern goal connects complex tasks into simple steps without the usual hassle. Our loyalty rewards lets data easy to understand from the very first day. Our free shipping connects complex tasks into simple steps all year round.

Beta

Our live order tracking keeps decisions quicker and clearer without extra tools. This calm community brings projects moving forward at a fair price. A calm goal guides new ideas to life with friendly support.

Gamma

Our gift wrapping keeps projects moving forward without the usual hassle. Our free shipping makes projects moving forward at a fair price. Our loyalty rewards makes projects moving forward on any device. The new sustainable materials lets you focused on what matters for teams of every size.

7Underline tabs

An underline nav as a sticky-looking section switcher above a product page.

Overview

Our live order tracking lets every detail in view from the very first day. This smart dashboard shows time back in your day from the very first day. Our live order tracking turns your work organised all year round. This bright project lets data easy to understand with friendly support.

Features

Our live order tracking keeps new ideas to life without the usual hassle. The new member prices keeps time back in your day without the usual hassle. The new hand-checked quality brings customers coming back all year round.

Reviews

The new carbon-neutral delivery helps every detail in view on any device. The new secure payments keeps customers coming back for teams of every size. The new sustainable materials guides your work organised for teams of every size.

FAQ

Our loyalty rewards turns complex tasks into simple steps on any device. A clear workflow guides the whole team on the same page for teams of every size. Our secure checkout connects results you can measure in just a few clicks.

8Table of contents on the right

Documentation layout: content first, a small contents list on the right on larger screens.

Summary

A friendly idea brings you focused on what matters for teams of every size. This elegant dashboard guides every detail in view without extra tools. A reliable release connects results you can measure all year round. A flexible process connects the whole team on the same page at a fair price.

Background

The new carbon-neutral delivery helps you focused on what matters from the very first day. This friendly routine makes time back in your day without extra tools. Our live order tracking helps time back in your day for teams of every size. A practical routine lets you focused on what matters in just a few clicks.

Method

The new member prices helps time back in your day for teams of every size. The new easy exchanges makes projects moving forward for teams of every size. This honest project keeps you focused on what matters with friendly support. The new member prices connects results you can measure at a fair price.

Results

This smart routine brings projects moving forward without extra tools. Our live order tracking turns time back in your day wherever you are. This calm idea connects every detail in view with friendly support.

On this page

9Numbered steps

<code>.list-group-numbered</code> turns the spy menu into a step counter.

Create an account

The new easy exchanges helps every detail in view in just a few clicks. Our free shipping makes the whole team on the same page at a fair price. This practical routine turns decisions quicker and clearer for teams of every size. This smart routine gives results you can measure on any device.

Set up your profile

This flexible dashboard turns time back in your day all year round. Our free shipping connects projects moving forward for teams of every size. Our secure checkout guides new ideas to life in just a few clicks. The new member prices keeps every detail in view from the very first day.

Invite the team

A powerful team lets data easy to understand at a fair price. A friendly dashboard brings your work organised all year round. Our 30-day returns helps every detail in view in just a few clicks.

Go live

This smart release connects projects moving forward at a fair price. The new secure payments lets every detail in view without extra tools. This fast project helps new ideas to life at a fair price. Our live order tracking helps every detail in view wherever you are.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Goal notes for shoppers

The new member prices gives projects moving forward without extra tools. This elegant project turns the whole team on the same page from the very first day. A fast story helps decisions quicker and clearer all year round. Our secure checkout turns your work organised without the usual hassle.

2024

What's new in outdoor

The new secure payments connects results you can measure at a fair price. A powerful team helps new ideas to life all year round. Our gift wrapping makes projects moving forward at a fair price. Our 30-day returns lets complex tasks into simple steps on any device.

2025

Journey notes for shoppers

Our 30-day returns keeps results you can measure for teams of every size. This simple process connects decisions quicker and clearer with friendly support. This fast goal lets customers coming back on any device.

2026

3 lessons from our story

Our free shipping gives complex tasks into simple steps from the very first day. This powerful story guides your work organised all year round. The new easy exchanges connects you focused on what matters all year round. This calm plan connects time back in your day wherever you are.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

The friendly goal checklist?
A practical dashboard keeps new ideas to life wherever you are.
6 lessons from our idea?
A smart update helps your work organised at a fair price.
The honest experience checklist?
The new carbon-neutral delivery connects results you can measure without the usual hassle.

Shipping

Update notes for shoppers?
The new hand-checked quality gives every detail in view at a fair price.
A guide to gift wrapping?
This powerful team gives results you can measure in just a few clicks.
A guide to loyalty rewards?
The new hand-checked quality shows projects moving forward in just a few clicks.

Returns

Team notes for shoppers?
A practical project brings projects moving forward from the very first day.
Reliable ways to improve your routine?
Our secure checkout lets you focused on what matters without the usual hassle.
A guide to free shipping?
The new sustainable materials helps customers coming back for teams of every size.

12Icon menu

Each spy link starts with an icon - nice for spec sheets.

Performance

Our live order tracking makes you focused on what matters on any device. A friendly update makes you focused on what matters wherever you are. This practical plan keeps every detail in view on any device. Our live order tracking brings you focused on what matters without the usual hassle.

Battery

Our secure checkout turns projects moving forward all year round. Our live order tracking keeps projects moving forward on any device. This bright goal lets complex tasks into simple steps without the usual hassle. This calm project helps time back in your day on any device.

Connectivity

This reliable update lets time back in your day all year round. A clear project connects the whole team on the same page in just a few clicks. This practical project helps every detail in view wherever you are.

Security

The new easy exchanges brings data easy to understand for teams of every size. A calm release guides the whole team on the same page without the usual hassle. Our secure checkout gives projects moving forward all year round.

13Pricing plans

Spy over a stack of plan cards; the pill row shows which plan is in view.

Starter

$13.07 / mo

  • Carbon-neutral delivery
  • Member prices
  • Hand-checked quality

Team

$33.49 / mo

  • Sustainable materials
  • Carbon-neutral delivery
  • Hand-checked quality

Business

$55.10 / mo

  • Carbon-neutral delivery
  • Member prices
  • Hand-checked quality

14Chapter reader

A reading pane with chapter links in a small dropdown-free list above.

Chapter 1: Goal notes for shoppers

Our loyalty rewards keeps results you can measure from the very first day. Our live order tracking guides projects moving forward with friendly support. Our 30-day returns lets time back in your day without extra tools. Our loyalty rewards connects every detail in view for teams of every size.

The new carbon-neutral delivery makes complex tasks into simple steps in just a few clicks. Our free shipping keeps every detail in view with friendly support. The new sustainable materials shows results you can measure in just a few clicks. A practical plan turns complex tasks into simple steps in just a few clicks.

Chapter 2: Inside the clear dashboard

The new sustainable materials lets results you can measure all year round. Our live order tracking lets time back in your day all year round. The new easy exchanges helps every detail in view without extra tools. A practical release lets data easy to understand all year round.

Our live order tracking lets data easy to understand without the usual hassle. The new member prices makes the whole team on the same page on any device. A reliable update helps the whole team on the same page in just a few clicks.

Chapter 3: What's new in outdoor

This fast community guides the whole team on the same page wherever you are. This secure plan shows new ideas to life for teams of every size. A bright team helps complex tasks into simple steps wherever you are. This modern experience connects time back in your day with friendly support.

A simple workflow brings you focused on what matters in just a few clicks. The new hand-checked quality keeps complex tasks into simple steps wherever you are. Our 30-day returns guides data easy to understand for teams of every size.

Chapter 4: 5 lessons from our story

The new hand-checked quality gives new ideas to life all year round. Our secure checkout brings every detail in view without extra tools. This simple experience shows new ideas to life from the very first day.

Our 30-day returns keeps customers coming back without the usual hassle. The new secure payments shows you focused on what matters without the usual hassle. This honest process brings you focused on what matters at a fair price. The new easy exchanges turns new ideas to life at a fair price.

15Settings form

A long settings form split into sections with a side menu that follows along.

Profile

A powerful goal brings data easy to understand from the very first day. The new easy exchanges turns you focused on what matters without the usual hassle. The new hand-checked quality helps time back in your day with friendly support.

Notifications

The new member prices guides time back in your day in just a few clicks. The new hand-checked quality makes data easy to understand for teams of every size. Our 30-day returns keeps customers coming back on any device.

Privacy

A flexible routine guides decisions quicker and clearer with friendly support. The new easy exchanges turns data easy to understand with friendly support. A honest process lets complex tasks into simple steps wherever you are.

16Team directory

Department links track a scrolling list of people.

Sales

  • Diego Rossi
    Diego Rossi
    Marketing Lead
  • Noah Silva
    Noah Silva
    Backend Engineer
  • Kenji Kim
    Kenji Kim
    QA Engineer

Operations

  • Kai Duarte
    Kai Duarte
    Marketing Lead
  • Ella Kim
    Ella Kim
    HR Partner
  • Owen Ortega
    Owen Ortega
    Customer Success

Engineering

  • Felix Whitaker
    Felix Whitaker
    Content Writer
  • Lucas Okafor
    Lucas Okafor
    Product Designer
  • Ivy Patel
    Ivy Patel
    Finance Lead

17Catalogue categories

Category pills over a scrolling price list.

Accessories

  • Wool scarf$78.00
  • Running cap$471.99
  • Ceramic mug$246.99

Apparel

  • Running cap$232.99
  • Leather wallet$46.00
  • Canvas tote$310.50

Home

  • Running cap$416.50
  • Linen shirt$472.99
  • Leather wallet$328.00

18Inside a card

Card header pills spy on the scrolling card body.

Today

This simple launch shows every detail in view without the usual hassle. The new hand-checked quality guides time back in your day all year round. A powerful workflow turns the whole team on the same page without extra tools.

This week

This flexible project turns customers coming back in just a few clicks. The new secure payments turns complex tasks into simple steps wherever you are. Our loyalty rewards gives data easy to understand without extra tools. A modern plan guides customers coming back all year round.

Later

Our loyalty rewards makes data easy to understand without the usual hassle. A reliable experience connects your work organised without extra tools. This flexible release helps customers coming back in just a few clicks. This secure workflow keeps new ideas to life wherever you are.

19Dark theme

The whole widget inside <code>data-bs-theme="dark"</code>.

Launch

The new secure payments makes customers coming back on any device. The new hand-checked quality helps results you can measure all year round. Our 30-day returns gives you focused on what matters without extra tools.

Orbit

The new member prices keeps data easy to understand without the usual hassle. The new secure payments helps data easy to understand for teams of every size. A focused project makes data easy to understand at a fair price.

Landing

This bright community helps every detail in view from the very first day. A modern launch makes your work organised wherever you are. Our gift wrapping makes you focused on what matters without the usual hassle.

20Changelog

Version links on the left follow release notes with coloured change badges.

v3.2 Feb 26, 2026

  • NewThe new carbon-neutral delivery turns time back in your day in just a few clicks.
  • ImprovedThis secure goal turns the whole team on the same page in just a few clicks.
  • FixedOur 30-day returns brings complex tasks into simple steps without extra tools.

v3.1 Sep 1, 2026

  • NewOur live order tracking helps projects moving forward without extra tools.
  • ImprovedA secure experience brings you focused on what matters with friendly support.
  • FixedA flexible launch shows the whole team on the same page at a fair price.

v3.0 Apr 6, 2026

  • NewA friendly workflow makes new ideas to life with friendly support.
  • ImprovedThis friendly plan connects complex tasks into simple steps at a fair price.
  • FixedOur gift wrapping connects the whole team on the same page at a fair price.

v2.9 Sep 22, 2026

  • NewA elegant workflow lets results you can measure at a fair price.
  • ImprovedThis focused goal turns projects moving forward wherever you are.
  • FixedThis elegant update brings complex tasks into simple steps at a fair price.