Skip to content
Solais Labs

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

We measure success by how many attendees come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Sponsors meet decision-makers in a relaxed, friendly setting.

We listen first, then build a plan around what you actually need. 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.

Details

More than eighty speakers share what they have learned the hard way. 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. Virtual passes let you join the main stage live from anywhere.

Group tickets include a private meeting room for your team. Every session is recorded, so you can catch up on anything you missed. Three days of keynotes, hands-on workshops and evening meetups.

Pricing

Workshops are limited to thirty seats, so everyone gets hands-on time. Early bird tickets save you up to forty percent until the end of the month. Every attendee receives a certificate of participation.

Clear prices, honest advice and no surprises along the way. 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.

2Horizontal pills

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

Step one

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. Virtual passes let you join the main stage live from anywhere. More than eighty speakers share what they have learned the hard way.

Step two

Clear prices, honest advice and no surprises along the way. Early bird tickets save you up to forty percent until the end of the month. Three days of keynotes, hands-on workshops and evening meetups.

Step three

We listen first, then build a plan around what you actually need. Sponsors meet decision-makers in a relaxed, friendly setting. Friendly people answer your questions quickly, by phone, chat or email. The networking app helps you meet the right people before you arrive.

Step four

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. The venue is a short walk from the station and fully accessible. Every attendee receives a certificate of participation.

3Vertical pills

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

Venue booking

Workshops are limited to thirty seats, so everyone gets hands-on time. We measure success by how many attendees come back and tell their friends. We keep things simple, so you can focus on what matters to you. Thousands of attendees already trust us, and we work hard to keep it that way.

Speaker management

Group tickets include a private meeting room for your team. Workshops are limited to thirty seats, so everyone gets hands-on time. More than eighty speakers share what they have learned the hard way.

Sponsorship

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. Group tickets include a private meeting room for your team.

Questions

Every session is recorded, so you can catch up on anything you missed. Virtual passes let you join the main stage live from anywhere. Thousands of attendees already trust us, and we work hard to keep it that way.

4Nested navigation

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

Getting started

Three days of keynotes, hands-on workshops and evening meetups. Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email.

Install

Clear prices, honest advice and no surprises along the way. Sponsors meet decision-makers in a relaxed, friendly setting. Early bird tickets save you up to forty percent until the end of the month. Every detail is handled by people who care about getting it right.

Configure

Our evening party is the best place to turn talks into friendships. Every attendee receives a certificate of participation. 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.

Usage

We listen first, then build a plan around what you actually need. The networking app helps you meet the right people before you arrive. We keep things simple, so you can focus on what matters to you.

Examples

Start in minutes and get help from a real person whenever you need it. Sponsors meet decision-makers in a relaxed, friendly setting. Group tickets include a private meeting room for your team. More than eighty speakers share what they have learned the hard way.

5List group

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

Morning

Workshops are limited to thirty seats, so everyone gets hands-on time. Friendly people answer your questions quickly, by phone, chat or email. Every session is recorded, so you can catch up on anything you missed.

Midday

Three days of keynotes, hands-on workshops and evening meetups. The networking app helps you meet the right people before you arrive. We listen first, then build a plan around what you actually need. Early bird tickets save you up to forty percent until the end of the month.

Afternoon

Thousands of attendees already trust us, and we work hard to keep it that way. Every attendee receives a certificate of participation. Our team has done this many times, so you never have to guess.

Evening

Every detail is handled by people who care about getting it right. The venue is a short walk from the station and fully accessible. Our evening party is the best place to turn talks into friendships.

6Simple anchors

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

Alpha

Virtual passes let you join the main stage live from anywhere. We measure success by how many attendees come back and tell their friends. Clear prices, honest advice and no surprises along the way.

Beta

Every session is recorded, so you can catch up on anything you missed. Virtual passes let you join the main stage live from anywhere. More than eighty speakers share what they have learned the hard way.

Gamma

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.

7Underline tabs

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

Overview

Our evening party is the best place to turn talks into friendships. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.

Features

Group tickets include a private meeting room for your team. Thousands of attendees already trust us, and we work hard to keep it that way. Three days of keynotes, hands-on workshops and evening meetups.

Reviews

Every attendee receives a certificate of participation. Workshops are limited to thirty seats, so everyone gets hands-on time. We measure success by how many attendees come back and tell their friends. Sponsors meet decision-makers in a relaxed, friendly setting.

FAQ

The venue is a short walk from the station and fully accessible. The networking app helps you meet the right people before you arrive. Friendly people answer your questions quickly, by phone, chat or email.

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. Our team has done this many times, so you never have to guess. Thousands of attendees already trust us, and we work hard to keep it that way.

Background

Every attendee receives a certificate of participation. We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way.

Method

The networking app helps you meet the right people before you arrive. Group tickets include a private meeting room for your team. Every session is recorded, so you can catch up on anything you missed. We keep things simple, so you can focus on what matters to you.

Results

The venue is a short walk from the station and fully accessible. 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. Our team has done this many times, so you never have to guess.

9Numbered steps

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

Create an account

Sponsors meet decision-makers in a relaxed, friendly setting. Every detail is handled by people who care about getting it right. Virtual passes let you join the main stage live from anywhere. Three days of keynotes, hands-on workshops and evening meetups.

Set up your profile

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. More than eighty speakers share what they have learned the hard way.

Invite the team

Friendly people answer your questions quickly, by phone, chat or email. Early bird tickets save you up to forty percent until the end of the month. The venue is a short walk from the station and fully accessible. Early bird tickets save you up to forty percent until the end of the month.

Go live

Workshops are limited to thirty seats, so everyone gets hands-on time. Our team has done this many times, so you never have to guess. Sponsors meet decision-makers in a relaxed, friendly setting.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Looking back at a busy season

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. Every detail is handled by people who care about getting it right. Group tickets include a private meeting room for your team.

2024

Highlights from last year's workshops

We measure success by how many attendees come back and tell their friends. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. Three days of keynotes, hands-on workshops and evening meetups.

2025

Our favourite tips for busy weeks

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. Virtual passes let you join the main stage live from anywhere. The networking app helps you meet the right people before you arrive.

2026

Announcing our first keynote speakers

Every attendee receives a certificate of participation. We listen first, then build a plan around what you actually need. Our evening party is the best place to turn talks into friendships. Friendly people answer your questions quickly, by phone, chat or email.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

What makes a panel worth watching?
Clear prices, honest advice and no surprises along the way.
How to get the most out of a conference?
Early bird tickets save you up to forty percent until the end of the month.
The small habits that make a big difference?
More than eighty speakers share what they have learned the hard way.

Shipping

Ten talks you should not miss this year?
Start in minutes and get help from a real person whenever you need it.
Joining online: how the virtual pass works?
Sponsors meet decision-makers in a relaxed, friendly setting.
How to pitch a talk that gets accepted?
Every session is recorded, so you can catch up on anything you missed.

Returns

A guide to the city for visiting attendees?
Every detail is handled by people who care about getting it right.
What our attendees asked us most?
Workshops are limited to thirty seats, so everyone gets hands-on time.
How to choose the right ticket?
We measure success by how many attendees come back and tell their friends.

12Icon menu

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

Performance

Virtual passes let you join the main stage live from anywhere. Three days of keynotes, hands-on workshops and evening meetups. We keep things simple, so you can focus on what matters to you. The networking app helps you meet the right people before you arrive.

Battery

Every attendee receives a certificate of participation. Our evening party is the best place to turn talks into friendships. Group tickets include a private meeting room for your team. Our team has done this many times, so you never have to guess.

Connectivity

The venue is a short walk from the station and fully accessible. We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email.

Security

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. Workshops are limited to thirty seats, so everyone gets hands-on time.

13Pricing plans

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

Starter

$17.80 / mo

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

Team

$37.30 / mo

  • Hands-on workshops
  • Networking lounges
  • Networking lounges

Business

$55.76 / mo

  • Recorded sessions
  • World-class speakers
  • Mobile agenda

14Chapter reader

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

Chapter 1: What we learned from last year's feedback

We keep things simple, so you can focus on what matters to you. 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. Every attendee receives a certificate of participation.

Thousands of attendees already trust us, and we work hard to keep it that way. The venue is a short walk from the station and fully accessible. Virtual passes let you join the main stage live from anywhere.

Chapter 2: A beginner's guide to getting started

Our evening party is the best place to turn talks into friendships. Early bird tickets save you up to forty percent until the end of the month. We measure success by how many attendees come back and tell their friends.

Friendly people answer your questions quickly, by phone, chat or email. 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. Group tickets include a private meeting room for your team.

Chapter 3: Five things we learned this year

Sponsors meet decision-makers in a relaxed, friendly setting. Every session is recorded, so you can catch up on anything you missed. Three days of keynotes, hands-on workshops and evening meetups.

We listen first, then build a plan around what you actually need. The networking app helps you meet the right people before you arrive. Our team has done this many times, so you never have to guess. Group tickets include a private meeting room for your team.

Chapter 4: Behind the scenes: building the stage

Start in minutes and get help from a real person whenever you need it. 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.

We listen first, then build a plan around what you actually need. The networking app helps you meet the right people before you arrive. Every attendee receives a certificate of participation.

15Settings form

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

Profile

Three days of keynotes, hands-on workshops and evening meetups. The venue is a short walk from the station and fully accessible. Every detail is handled by people who care about getting it right. More than eighty speakers share what they have learned the hard way.

Notifications

Thousands of attendees already trust us, and we work hard to keep it that way. Virtual passes let you join the main stage live from anywhere. Clear prices, honest advice and no surprises along the way. Every session is recorded, so you can catch up on anything you missed.

Privacy

Workshops are limited to thirty seats, so everyone gets hands-on time. 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. Sponsors meet decision-makers in a relaxed, friendly setting.

16Team directory

Department links track a scrolling list of people.

Finance

  • Mia Duarte
    Mia Duarte
    Project Manager
  • Amara Patel
    Amara Patel
    Backend Engineer
  • Ravi Ortega
    Ravi Ortega
    Art Director

Research

  • Jonah Ashford
    Jonah Ashford
    Project Manager
  • Noah Moreau
    Noah Moreau
    Data Analyst
  • Samir Fischer
    Samir Fischer
    Finance Lead

Customer Support

  • Luna Quinn
    Luna Quinn
    Project Manager
  • Ruby Whitaker
    Ruby Whitaker
    Support Specialist
  • Lea Tanaka
    Lea Tanaka
    Art Director

17Catalogue categories

Category pills over a scrolling price list.

Panel

  • Workshop ticket$156.00
  • Early bird pass$308.00
  • Speaker dinner$116.00

Meetup

  • Group bundle$2,050
  • Speaker dinner$117.99
  • Student pass$133.99

Workshop

  • VIP pass$989.00
  • Group bundle$2,050
  • Panel day ticket$180.99

18Inside a card

Card header pills spy on the scrolling card body.

Today

Friendly people answer your questions quickly, by phone, chat or email. Our evening party is the best place to turn talks into friendships. We listen first, then build a plan around what you actually need.

This week

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. Our team has done this many times, so you never have to guess.

Later

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. Thousands of attendees already trust us, and we work hard to keep it that way. Every attendee receives a certificate of participation.

19Dark theme

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

Launch

We measure success by how many attendees come back and tell their friends. 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.

Orbit

We keep things simple, so you can focus on what matters to you. More than eighty speakers share what they have learned the hard way. Three days of keynotes, hands-on workshops and evening meetups.

Landing

Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. Group tickets include a private meeting room for your team. Sponsors meet decision-makers in a relaxed, friendly setting.

20Changelog

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

v3.2 May 3, 2026

  • NewThe networking app helps you meet the right people before you arrive.
  • ImprovedEvery detail is handled by people who care about getting it right.
  • FixedThe networking app helps you meet the right people before you arrive.

v3.1 Dec 27, 2025

  • NewOur evening party is the best place to turn talks into friendships.
  • ImprovedWe listen first, then build a plan around what you actually need.
  • FixedOur team has done this many times, so you never have to guess.

v3.0 Dec 5, 2025

  • NewThousands of attendees already trust us, and we work hard to keep it that way.
  • ImprovedWorkshops are limited to thirty seats, so everyone gets hands-on time.
  • FixedEarly bird tickets save you up to forty percent until the end of the month.

v2.9 Jun 12, 2026

  • NewEvery detail is handled by people who care about getting it right.
  • ImprovedThe venue is a short walk from the station and fully accessible.
  • FixedVirtual passes let you join the main stage live from anywhere.