Skip to content
Junoio Kit

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

Modern equipment is cleaned, serviced and ready every day. More than sixty classes a week, from sunrise yoga to late-night spin. Certified coaches design every session around your level and your goals.

Pause or change your membership any time, with no long contracts. Open 24 hours, so you can train whenever it suits your day. Small group classes mean your coach knows your name and your form. Friendly people answer your questions quickly, by phone, chat or email.

Details

Track your progress in the app and see how far you have come. We measure success by how many members come back and tell their friends. Online coaching keeps you on track when you travel.

Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it. Nutrition plans fit your routine and the food you actually enjoy.

Pricing

Beginners are always welcome, with an intro session included. We keep things simple, so you can focus on what matters to you. Our team has done this many times, so you never have to guess. Community events keep you motivated, from fun runs to workshops.

Our recovery spa has a sauna, cold plunge and massage rooms. Every detail is handled by people who care about getting it right. Thousands of members already trust us, and we work hard to keep it that way. Online coaching keeps you on track when you travel.

2Horizontal pills

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

Step one

Community events keep you motivated, from fun runs to workshops. Certified coaches design every session around your level and your goals. Clear prices, honest advice and no surprises along the way.

Step two

We measure success by how many members come back and tell their friends. Start in minutes and get help from a real person whenever you need it. Nutrition plans fit your routine and the food you actually enjoy. Small group classes mean your coach knows your name and your form.

Step three

Pause or change your membership any time, with no long contracts. Every detail is handled by people who care about getting it right. Track your progress in the app and see how far you have come.

Step four

We keep things simple, so you can focus on what matters to you. We listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess.

3Vertical pills

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

Group classes

Modern equipment is cleaned, serviced and ready every day. Beginners are always welcome, with an intro session included. Our recovery spa has a sauna, cold plunge and massage rooms. Thousands of members already trust us, and we work hard to keep it that way.

Recovery spa

Open 24 hours, so you can train whenever it suits your day. Friendly people answer your questions quickly, by phone, chat or email. More than sixty classes a week, from sunrise yoga to late-night spin. Nutrition plans fit your routine and the food you actually enjoy.

Personal training

Start in minutes and get help from a real person whenever you need it. More than sixty classes a week, from sunrise yoga to late-night spin. Track your progress in the app and see how far you have come.

Questions

Modern equipment is cleaned, serviced and ready every day. Beginners are always welcome, with an intro session included. Thousands of members already trust us, and we work hard to keep it that way. We measure success by how many members come back and tell their friends.

4Nested navigation

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

Getting started

Our recovery spa has a sauna, cold plunge and massage rooms. Small group classes mean your coach knows your name and your form. We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way.

Install

Every detail is handled by people who care about getting it right. Online coaching keeps you on track when you travel. Pause or change your membership any time, with no long contracts.

Configure

Certified coaches design every session around your level and your goals. Community events keep you motivated, from fun runs to workshops. We keep things simple, so you can focus on what matters to you.

Usage

Open 24 hours, so you can train whenever it suits your day. Our team has done this many times, so you never have to guess. Friendly people answer your questions quickly, by phone, chat or email.

Examples

Pause or change your membership any time, with no long contracts. We listen first, then build a plan around what you actually need. Small group classes mean your coach knows your name and your form. Every detail is handled by people who care about getting it right.

5List group

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

Morning

Online coaching keeps you on track when you travel. Beginners are always welcome, with an intro session included. We keep things simple, so you can focus on what matters to you. Certified coaches design every session around your level and your goals.

Midday

Start in minutes and get help from a real person whenever you need it. Our recovery spa has a sauna, cold plunge and massage rooms. Open 24 hours, so you can train whenever it suits your day.

Afternoon

Track your progress in the app and see how far you have come. Friendly people answer your questions quickly, by phone, chat or email. Modern equipment is cleaned, serviced and ready every day. Nutrition plans fit your routine and the food you actually enjoy.

Evening

Clear prices, honest advice and no surprises along the way. We measure success by how many members come back and tell their friends. More than sixty classes a week, from sunrise yoga to late-night spin.

6Simple anchors

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

Alpha

Community events keep you motivated, from fun runs to workshops. Our team has done this many times, so you never have to guess. Thousands of members already trust us, and we work hard to keep it that way.

Beta

Our recovery spa has a sauna, cold plunge and massage rooms. Our team has done this many times, so you never have to guess. Pause or change your membership any time, with no long contracts. We listen first, then build a plan around what you actually need.

Gamma

Online coaching keeps you on track when you travel. Clear prices, honest advice and no surprises along the way. Track your progress in the app and see how far you have come.

7Underline tabs

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

Overview

Small group classes mean your coach knows your name and your form. Thousands of members already trust us, and we work hard to keep it that way. Modern equipment is cleaned, serviced and ready every day.

Features

We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email. Nutrition plans fit your routine and the food you actually enjoy.

Reviews

Open 24 hours, so you can train whenever it suits your day. Certified coaches design every session around your level and your goals. Beginners are always welcome, with an intro session included. More than sixty classes a week, from sunrise yoga to late-night spin.

FAQ

We measure success by how many members come back and tell their friends. Community events keep you motivated, from fun runs to workshops. Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it.

8Table of contents on the right

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

Summary

Clear prices, honest advice and no surprises along the way. Certified coaches design every session around your level and your goals. Start in minutes and get help from a real person whenever you need it.

Background

Every detail is handled by people who care about getting it right. We measure success by how many members come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need.

Method

Our recovery spa has a sauna, cold plunge and massage rooms. We keep things simple, so you can focus on what matters to you. Track your progress in the app and see how far you have come.

Results

Pause or change your membership any time, with no long contracts. Open 24 hours, so you can train whenever it suits your day. Small group classes mean your coach knows your name and your form.

9Numbered steps

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

Create an account

Beginners are always welcome, with an intro session included. Online coaching keeps you on track when you travel. Modern equipment is cleaned, serviced and ready every day. Nutrition plans fit your routine and the food you actually enjoy.

Set up your profile

Our team has done this many times, so you never have to guess. Thousands of members already trust us, and we work hard to keep it that way. More than sixty classes a week, from sunrise yoga to late-night spin.

Invite the team

Community events keep you motivated, from fun runs to workshops. We listen first, then build a plan around what you actually need. Open 24 hours, so you can train whenever it suits your day. Nutrition plans fit your routine and the food you actually enjoy.

Go live

Every detail is handled by people who care about getting it right. Track your progress in the app and see how far you have come. Clear prices, honest advice and no surprises along the way. We measure success by how many members come back and tell their friends.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

What to eat before a morning workout

Friendly people answer your questions quickly, by phone, chat or email. Our recovery spa has a sauna, cold plunge and massage rooms. Community events keep you motivated, from fun runs to workshops. More than sixty classes a week, from sunrise yoga to late-night spin.

2024

Why recovery matters as much as training

Pause or change your membership any time, with no long contracts. Small group classes mean your coach knows your name and your form. Certified coaches design every session around your level and your goals. We keep things simple, so you can focus on what matters to you.

2025

How to stay motivated through winter

Beginners are always welcome, with an intro session included. Start in minutes and get help from a real person whenever you need it. Thousands of members already trust us, and we work hard to keep it that way. Online coaching keeps you on track when you travel.

2026

The small habits that make a big difference

Our team has done this many times, so you never have to guess. Modern equipment is cleaned, serviced and ready every day. Our recovery spa has a sauna, cold plunge and massage rooms. Clear prices, honest advice and no surprises along the way.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Our favourite tips for busy weeks?
Small group classes mean your coach knows your name and your form.
Our most popular classes this month?
Beginners are always welcome, with an intro session included.
How to choose the right class?
Friendly people answer your questions quickly, by phone, chat or email.

Shipping

Looking back at a busy season?
Pause or change your membership any time, with no long contracts.
HIIT twice a week: how hard is hard enough??
Start in minutes and get help from a real person whenever you need it.
How our coaches plan a new class?
Online coaching keeps you on track when you travel.

Returns

What our members asked us most?
We listen first, then build a plan around what you actually need.
Running your first 5K: an eight-week plan?
Our team has done this many times, so you never have to guess.
Five things we learned this year?
Nutrition plans fit your routine and the food you actually enjoy.

12Icon menu

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

Performance

We measure success by how many members come back and tell their friends. Thousands of members already trust us, and we work hard to keep it that way. Certified coaches design every session around your level and your goals.

Battery

We keep things simple, so you can focus on what matters to you. Modern equipment is cleaned, serviced and ready every day. Every detail is handled by people who care about getting it right. More than sixty classes a week, from sunrise yoga to late-night spin.

Connectivity

Community events keep you motivated, from fun runs to workshops. Open 24 hours, so you can train whenever it suits your day. Track your progress in the app and see how far you have come. Start in minutes and get help from a real person whenever you need it.

Security

Beginners are always welcome, with an intro session included. We measure success by how many members come back and tell their friends. Online coaching keeps you on track when you travel. More than sixty classes a week, from sunrise yoga to late-night spin.

13Pricing plans

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

Starter

$16.50 / mo

  • Modern equipment
  • Progress tracking
  • Open 24/7

Team

$38.16 / mo

  • Community events
  • Open 24/7
  • Progress tracking

Business

$59.97 / mo

  • Progress tracking
  • Progress tracking
  • Flexible plans

14Chapter reader

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

Chapter 1: Building a workout habit that lasts

Our recovery spa has a sauna, cold plunge and massage rooms. Modern equipment is cleaned, serviced and ready every day. Community events keep you motivated, from fun runs to workshops.

We keep things simple, so you can focus on what matters to you. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email.

Chapter 2: Five stretches for desk workers

Nutrition plans fit your routine and the food you actually enjoy. We listen first, then build a plan around what you actually need. Certified coaches design every session around your level and your goals.

Thousands of members already trust us, and we work hard to keep it that way. Open 24 hours, so you can train whenever it suits your day. Our team has done this many times, so you never have to guess. Pause or change your membership any time, with no long contracts.

Chapter 3: A beginner's guide to getting started

Small group classes mean your coach knows your name and your form. Clear prices, honest advice and no surprises along the way. Track your progress in the app and see how far you have come.

Our team has done this many times, so you never have to guess. Open 24 hours, so you can train whenever it suits your day. We listen first, then build a plan around what you actually need.

Chapter 4: A beginner's guide to strength training

We keep things simple, so you can focus on what matters to you. More than sixty classes a week, from sunrise yoga to late-night spin. Every detail is handled by people who care about getting it right. Our recovery spa has a sauna, cold plunge and massage rooms.

Nutrition plans fit your routine and the food you actually enjoy. Pause or change your membership any time, with no long contracts. Certified coaches design every session around your level and your goals. We measure success by how many members come back and tell their friends.

15Settings form

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

Profile

Thousands of members already trust us, and we work hard to keep it that way. Small group classes mean your coach knows your name and your form. Modern equipment is cleaned, serviced and ready every day.

Notifications

Clear prices, honest advice and no surprises along the way. Track your progress in the app and see how far you have come. Beginners are always welcome, with an intro session included. Friendly people answer your questions quickly, by phone, chat or email.

Privacy

Start in minutes and get help from a real person whenever you need it. Online coaching keeps you on track when you travel. Community events keep you motivated, from fun runs to workshops.

16Team directory

Department links track a scrolling list of people.

Human Resources

  • Owen Alvarez
    Owen Alvarez
    Operations Manager
  • Mia Tanaka
    Mia Tanaka
    Content Writer
  • Kenji Larsen
    Kenji Larsen
    Marketing Lead

Sales

  • Jonah Okafor
    Jonah Okafor
    Project Manager
  • Arjun Nguyen
    Arjun Nguyen
    Support Specialist
  • Elena Harlow
    Elena Harlow
    Project Manager

Legal

  • Ravi Hughes
    Ravi Hughes
    Sales Executive
  • Nora Lindqvist
    Nora Lindqvist
    Finance Lead
  • Luna Silva
    Luna Silva
    Support Specialist

17Catalogue categories

Category pills over a scrolling price list.

Yoga

  • Coaching plan$199.00
  • Personal training$67.99
  • Spin class pack$91.00

Cardio

  • Nutrition guide$28.00
  • 10-class pack$130.00
  • Massage$66.99

Recovery

  • Spin class pack$99.00
  • Coaching plan$179.00
  • Mobility workshop$38.00

18Inside a card

Card header pills spy on the scrolling card body.

Today

Pause or change your membership any time, with no long contracts. Thousands of members already trust us, and we work hard to keep it that way. More than sixty classes a week, from sunrise yoga to late-night spin.

This week

Modern equipment is cleaned, serviced and ready every day. Nutrition plans fit your routine and the food you actually enjoy. Community events keep you motivated, from fun runs to workshops. Online coaching keeps you on track when you travel.

Later

We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many members come back and tell their friends. Small group classes mean your coach knows your name and your form.

19Dark theme

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

Launch

Beginners are always welcome, with an intro session included. Our recovery spa has a sauna, cold plunge and massage rooms. Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess.

Orbit

Start in minutes and get help from a real person whenever you need it. Every detail is handled by people who care about getting it right. Certified coaches design every session around your level and your goals. Open 24 hours, so you can train whenever it suits your day.

Landing

Track your progress in the app and see how far you have come. We listen first, then build a plan around what you actually need. Pause or change your membership any time, with no long contracts.

20Changelog

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

v3.2 May 31, 2026

  • NewEvery detail is handled by people who care about getting it right.
  • ImprovedModern equipment is cleaned, serviced and ready every day.
  • FixedOnline coaching keeps you on track when you travel.

v3.1 Nov 22, 2025

  • NewOur team has done this many times, so you never have to guess.
  • ImprovedWe keep things simple, so you can focus on what matters to you.
  • FixedThousands of members already trust us, and we work hard to keep it that way.

v3.0 Apr 2, 2026

  • NewTrack your progress in the app and see how far you have come.
  • ImprovedClear prices, honest advice and no surprises along the way.
  • FixedOur recovery spa has a sauna, cold plunge and massage rooms.

v2.9 Feb 15, 2026

  • NewCertified coaches design every session around your level and your goals.
  • ImprovedFriendly people answer your questions quickly, by phone, chat or email.
  • FixedMore than sixty classes a week, from sunrise yoga to late-night spin.