Skip to content

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-ui-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

Our evening party is the best place to turn talks into friendships. Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. More than eighty speakers share what they have learned the hard way.

Every attendee receives a certificate of participation. The networking app helps you meet the right people before you arrive. Early bird tickets save you up to forty percent until the end of the month. Friendly people answer your questions quickly, by phone, chat or email.

Details

The venue is a short walk from the station and fully accessible. Every detail is handled by people who care about getting it right. Thousands of attendees already trust us, and we work hard to keep it that way.

We listen first, then build a plan around what you actually need. Virtual passes let you join the main stage live from anywhere. We measure success by how many attendees come back and tell their friends.

Pricing

We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. Every session is recorded, so you can catch up on anything you missed. The networking app helps you meet the right people before you arrive.

Every attendee receives a certificate of participation. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need. Group tickets include a private meeting room for your team.

2Horizontal pills

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

Step one

Thousands of attendees already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way. We measure success by how many attendees come back and tell their friends.

Step two

Early bird tickets save you up to forty percent until the end of the month. Workshops are limited to thirty seats, so everyone gets hands-on time. Start in minutes and get help from a real person whenever you need it.

Step three

The venue is a short walk from the station and fully accessible. We keep things simple, so you can focus on what matters to you. Every session is recorded, so you can catch up on anything you missed.

Step four

Sponsors meet decision-makers in a relaxed, friendly setting. Our team has done this many times, so you never have to guess. More than eighty speakers share what they have learned the hard way. Virtual passes let you join the main stage live from anywhere.

3Vertical pills

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

Speaker management

Friendly people answer your questions quickly, by phone, chat or email. Our evening party is the best place to turn talks into friendships. Three days of keynotes, hands-on workshops and evening meetups.

Sponsorship

Thousands of attendees already trust us, and we work hard to keep it that way. Group tickets include a private meeting room for your team. The venue is a short walk from the station and fully accessible.

Live streaming

Our evening party is the best place to turn talks into friendships. Start in minutes and get help from a real person whenever you need it. More than eighty speakers share what they have learned the hard way. Every attendee receives a certificate of participation.

Questions

Three days of keynotes, hands-on workshops and evening meetups. We keep things simple, so you can focus on what matters to you. Workshops are limited to thirty seats, so everyone gets hands-on time.

4Nested navigation

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

Getting started

We measure success by how many attendees come back and tell their friends. Our team has done this many times, so you never have to guess. The networking app helps you meet the right people before you arrive. Every detail is handled by people who care about getting it right.

Install

Sponsors meet decision-makers in a relaxed, friendly setting. Early bird tickets save you up to forty percent until the end of the month. Friendly people answer your questions quickly, by phone, chat or email.

Configure

Virtual passes let you join the main stage live from anywhere. Every session is recorded, so you can catch up on anything you missed. Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need.

Usage

Friendly people answer your questions quickly, by phone, chat or email. More than eighty speakers share what they have learned the hard way. The networking app helps you meet the right people before you arrive. Start in minutes and get help from a real person whenever you need it.

Examples

Workshops are limited to thirty seats, so everyone gets hands-on time. Thousands of attendees already trust us, and we work hard to keep it that way. Our evening party is the best place to turn talks into friendships. Clear prices, honest advice and no surprises along the way.

5List group

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

Morning

Every session is recorded, so you can catch up on anything you missed. Virtual passes let you join the main stage live from anywhere. We listen first, then build a plan around what you actually need. Group tickets include a private meeting room for your team.

Midday

Early bird tickets save you up to forty percent until the end of the month. Every attendee receives a certificate of participation. Sponsors meet decision-makers in a relaxed, friendly setting. The venue is a short walk from the station and fully accessible.

Afternoon

We measure success by how many attendees come back and tell their friends. Our team has done this many times, so you never have to guess. Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you.

Evening

Three days of keynotes, hands-on workshops and evening meetups. The networking app helps you meet the right people before you arrive. Every session is recorded, so you can catch up on anything you missed. Workshops are limited to thirty seats, so everyone gets hands-on time.

6Simple anchors

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

Alpha

Our team has done this many times, so you never have to guess. Three days of keynotes, hands-on workshops and evening meetups. Sponsors meet decision-makers in a relaxed, friendly setting. Clear prices, honest advice and no surprises along the way.

Beta

Friendly people answer your questions quickly, by phone, chat or email. Thousands of attendees already trust us, and we work hard to keep it that way. Our evening party is the best place to turn talks into friendships.

Gamma

Every attendee receives a certificate of participation. Group tickets include a private meeting room for your team. Every detail is handled by people who care about getting it right.

7Underline tabs

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

Overview

Start in minutes and get help from a real person whenever you need it. The venue is a short walk from the station and fully accessible. We keep things simple, so you can focus on what matters to you. Early bird tickets save you up to forty percent until the end of the month.

Features

Virtual passes let you join the main stage live from anywhere. More than eighty speakers share what they have learned the hard way. We measure success by how many attendees come back and tell their friends.

Reviews

We listen first, then build a plan around what you actually need. Virtual passes let you join the main stage live from anywhere. Our evening party is the best place to turn talks into friendships.

FAQ

The networking app helps you meet the right people before you arrive. We listen first, then build a plan around what you actually need. Three days of keynotes, hands-on workshops and evening meetups.

8Table of contents on the right

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

Summary

Our team has done this many times, so you never have to guess. Group tickets include a private meeting room for your team. Sponsors meet decision-makers in a relaxed, friendly setting.

Background

We measure success by how many attendees come back and tell their friends. Workshops are limited to thirty seats, so everyone gets hands-on time. Clear prices, honest advice and no surprises along the way. The venue is a short walk from the station and fully accessible.

Method

Early bird tickets save you up to forty percent until the end of the month. More than eighty speakers share what they have learned the hard way. Every session is recorded, so you can catch up on anything you missed. Every attendee receives a certificate of participation.

Results

Thousands of attendees already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. We keep things simple, so you can focus on what matters to you.

9Numbered steps

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

Create an account

Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need. More than eighty speakers share what they have learned the hard way.

Set up your profile

Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way. Three days of keynotes, hands-on workshops and evening meetups.

Invite the team

Sponsors meet decision-makers in a relaxed, friendly setting. Early bird tickets save you up to forty percent until the end of the month. Thousands of attendees already trust us, and we work hard to keep it that way.

Go live

Group tickets include a private meeting room for your team. Our evening party is the best place to turn talks into friendships. We measure success by how many attendees come back and tell their friends.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

How to choose the right ticket

Every attendee receives a certificate of participation. The venue is a short walk from the station and fully accessible. Workshops are limited to thirty seats, so everyone gets hands-on time. Friendly people answer your questions quickly, by phone, chat or email.

2024

What makes a panel worth watching

Every detail is handled by people who care about getting it right. Virtual passes let you join the main stage live from anywhere. We keep things simple, so you can focus on what matters to you. Every session is recorded, so you can catch up on anything you missed.

2025

Announcing our first keynote speakers

The networking app helps you meet the right people before you arrive. Every detail is handled by people who care about getting it right. More than eighty speakers share what they have learned the hard way. The venue is a short walk from the station and fully accessible.

2026

What we learned from last year's feedback

We measure success by how many attendees come back and tell their friends. Our evening party is the best place to turn talks into friendships. Every session is recorded, so you can catch up on anything you missed.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Our favourite tips for busy weeks?
The networking app helps you meet the right people before you arrive.
Looking back at a busy season?
Group tickets include a private meeting room for your team.
Highlights from last year's workshops?
We keep things simple, so you can focus on what matters to you.

Shipping

A beginner's guide to getting started?
Thousands of attendees already trust us, and we work hard to keep it that way.
How to get the most out of a conference?
Three days of keynotes, hands-on workshops and evening meetups.
Ten talks you should not miss this year?
Friendly people answer your questions quickly, by phone, chat or email.

Returns

Behind the scenes: building the stage?
Early bird tickets save you up to forty percent until the end of the month.
How to pitch a talk that gets accepted?
Sponsors meet decision-makers in a relaxed, friendly setting.
The small habits that make a big difference?
Virtual passes let you join the main stage live from anywhere.

12Icon menu

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

Performance

Our team has done this many times, so you never have to guess. Every attendee receives a certificate of participation. Workshops are limited to thirty seats, so everyone gets hands-on time. Start in minutes and get help from a real person whenever you need it.

Battery

Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Three days of keynotes, hands-on workshops and evening meetups.

Connectivity

Clear prices, honest advice and no surprises along the way. Our evening party is the best place to turn talks into friendships. Group tickets include a private meeting room for your team. Sponsors meet decision-makers in a relaxed, friendly setting.

Security

Our team has done this many times, so you never have to guess. More than eighty speakers share what they have learned the hard way. The networking app helps you meet the right people before you arrive. We measure success by how many attendees come back and tell their friends.

13Pricing plans

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

Starter

$19.62 / mo

  • Hands-on workshops
  • Certificates
  • Hands-on workshops

Team

$42.13 / mo

  • Certificates
  • Hands-on workshops
  • Hands-on workshops

Business

$69.17 / mo

  • Recorded sessions
  • World-class speakers
  • Hands-on workshops

14Chapter reader

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

Chapter 1: What our attendees asked us most

Start in minutes and get help from a real person whenever you need it. Thousands of attendees already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right. The venue is a short walk from the station and fully accessible.

We keep things simple, so you can focus on what matters to you. Every session is recorded, so you can catch up on anything you missed. Every attendee receives a certificate of participation. Early bird tickets save you up to forty percent until the end of the month.

Chapter 2: A guide to the city for visiting attendees

Friendly people answer your questions quickly, by phone, chat or email. Virtual passes let you join the main stage live from anywhere. Workshops are limited to thirty seats, so everyone gets hands-on time.

We listen first, then build a plan around what you actually need. Every session is recorded, so you can catch up on anything you missed. Our evening party is the best place to turn talks into friendships. We listen first, then build a plan around what you actually need.

Chapter 3: Five things we learned this year

We measure success by how many attendees come back and tell their friends. The venue is a short walk from the station and fully accessible. Three days of keynotes, hands-on workshops and evening meetups. Every detail is handled by people who care about getting it right.

We keep things simple, so you can focus on what matters to you. Sponsors meet decision-makers in a relaxed, friendly setting. Thousands of attendees already trust us, and we work hard to keep it that way. Group tickets include a private meeting room for your team.

Chapter 4: Joining online: how the virtual pass works

Virtual passes let you join the main stage live from anywhere. Early bird tickets save you up to forty percent until the end of the month. Workshops are limited to thirty seats, so everyone gets hands-on time.

Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. Every attendee receives a certificate of participation. The networking app helps you meet the right people before you arrive.

15Settings form

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

Profile

More than eighty speakers share what they have learned the hard way. Start in minutes and get help from a real person whenever you need it. Our team has done this many times, so you never have to guess.

Notifications

Virtual passes let you join the main stage live from anywhere. Friendly people answer your questions quickly, by phone, chat or email. The networking app helps you meet the right people before you arrive.

Privacy

Our team has done this many times, so you never have to guess. The venue is a short walk from the station and fully accessible. Thousands of attendees already trust us, and we work hard to keep it that way. Our evening party is the best place to turn talks into friendships.

16Team directory

Department links track a scrolling list of people.

Customer Support

  • Priya Whitaker
    Priya Whitaker
    Content Writer
  • Lucas Silva
    Lucas Silva
    Marketing Lead
  • Finn Morgan
    Finn Morgan
    Sales Executive

Legal

  • Freya Whitaker
    Freya Whitaker
    HR Partner
  • Ava Alvarez
    Ava Alvarez
    Support Specialist
  • Maya Tanaka
    Maya Tanaka
    Frontend Engineer

Research

  • Hana Sato
    Hana Sato
    Sales Executive
  • Noah Ibrahim
    Noah Ibrahim
    HR Partner
  • Felix Harlow
    Felix Harlow
    Project Manager

17Catalogue categories

Category pills over a scrolling price list.

Webinar

  • Group bundle$1,950
  • Speaker dinner$131.00
  • Student pass$140.00

Keynote

  • Recording pass$60.99
  • Early bird pass$326.00
  • Panel day ticket$199.00

Meetup

  • Full access pass$504.00
  • Speaker dinner$130.99
  • Group bundle$2,050

18Inside a card

Card header pills spy on the scrolling card body.

Today

Group tickets include a private meeting room for your team. We measure success by how many attendees come back and tell their friends. Sponsors meet decision-makers in a relaxed, friendly setting.

This week

We listen first, then build a plan around what you actually need. Workshops are limited to thirty seats, so everyone gets hands-on time. Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right.

Later

Start in minutes and get help from a real person whenever you need it. Early bird tickets save you up to forty percent until the end of the month. We keep things simple, so you can focus on what matters to you. Three days of keynotes, hands-on workshops and evening meetups.

19Dark theme

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

Launch

Every session is recorded, so you can catch up on anything you missed. Every attendee receives a certificate of participation. More than eighty speakers share what they have learned the hard way. Three days of keynotes, hands-on workshops and evening meetups.

Orbit

Every session is recorded, so you can catch up on anything you missed. More than eighty speakers share what they have learned the hard way. Clear prices, honest advice and no surprises along the way.

Landing

We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. We keep things simple, so you can focus on what matters to you.

20Changelog

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

v3.2 Mar 5, 2026

  • NewVirtual passes let you join the main stage live from anywhere.
  • ImprovedEarly bird tickets save you up to forty percent until the end of the month.
  • FixedEvery attendee receives a certificate of participation.

v3.1 Mar 19, 2026

  • NewSponsors meet decision-makers in a relaxed, friendly setting.
  • ImprovedGroup tickets include a private meeting room for your team.
  • FixedWorkshops are limited to thirty seats, so everyone gets hands-on time.

v3.0 May 14, 2026

  • NewStart in minutes and get help from a real person whenever you need it.
  • ImprovedThe networking app helps you meet the right people before you arrive.
  • FixedEvery detail is handled by people who care about getting it right.

v2.9 Jun 15, 2026

  • NewOur evening party is the best place to turn talks into friendships.
  • ImprovedOur team has done this many times, so you never have to guess.
  • FixedWe measure success by how many attendees come back and tell their friends.