Skip to content
Pixelera

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

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Start in minutes and get help from a real person whenever you need it. Companies can match employee donations and double their impact.

Local partners know their communities and make sure help arrives where it matters. Clean water wells are built with and maintained by local communities. Volunteers give their time in schools, shelters and food banks every week.

Details

Our team has done this many times, so you never have to guess. You receive photos and updates showing exactly what your donation achieved. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way.

We measure success by how many donors come back and tell their friends. Every donation is tax-deductible, and receipts arrive by email instantly. We have helped more than two hundred thousand people since we started.

Pricing

A school kit costs less than a cinema ticket and lasts a whole year. Ninety cents of every dollar goes directly to the projects you support. Thousands of donors already trust us, and we work hard to keep it that way. Our annual report is independently audited and published in full.

Friendly people answer your questions quickly, by phone, chat or email. Leave a gift in your will and help future generations. Thousands of donors already trust us, and we work hard to keep it that way.

2Horizontal pills

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

Step one

Every detail is handled by people who care about getting it right. You receive photos and updates showing exactly what your donation achieved. We keep things simple, so you can focus on what matters to you.

Step two

Volunteers give their time in schools, shelters and food banks every week. Companies can match employee donations and double their impact. We listen first, then build a plan around what you actually need.

Step three

Clean water wells are built with and maintained by local communities. Local partners know their communities and make sure help arrives where it matters. Our team has done this many times, so you never have to guess.

Step four

Friendly people answer your questions quickly, by phone, chat or email. A school kit costs less than a cinema ticket and lasts a whole year. Our annual report is independently audited and published in full. Start in minutes and get help from a real person whenever you need it.

3Vertical pills

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

Education fund

Ninety cents of every dollar goes directly to the projects you support. Monthly gifts let us plan ahead and respond quickly when disaster strikes. We have helped more than two hundred thousand people since we started.

Disaster response

Every donation is tax-deductible, and receipts arrive by email instantly. Clear prices, honest advice and no surprises along the way. We measure success by how many donors come back and tell their friends.

Food relief

Leave a gift in your will and help future generations. 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. Companies can match employee donations and double their impact.

Questions

Our annual report is independently audited and published in full. Start in minutes and get help from a real person whenever you need it. We measure success by how many donors come back and tell their friends.

4Nested navigation

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

Getting started

A school kit costs less than a cinema ticket and lasts a whole year. Thousands of donors already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way.

Install

Local partners know their communities and make sure help arrives where it matters. You receive photos and updates showing exactly what your donation achieved. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Ninety cents of every dollar goes directly to the projects you support.

Configure

Our team has done this many times, so you never have to guess. We have helped more than two hundred thousand people since we started. Clean water wells are built with and maintained by local communities. Volunteers give their time in schools, shelters and food banks every week.

Usage

Every donation is tax-deductible, and receipts arrive by email instantly. Friendly people answer your questions quickly, by phone, chat or email. Leave a gift in your will and help future generations.

Examples

Volunteers give their time in schools, shelters and food banks every week. Companies can match employee donations and double their impact. Leave a gift in your will and help future generations. Ninety cents of every dollar goes directly to the projects you support.

5List group

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

Morning

Every donation is tax-deductible, and receipts arrive by email instantly. Our team has done this many times, so you never have to guess. We measure success by how many donors come back and tell their friends.

Midday

We keep things simple, so you can focus on what matters to you. Thousands of donors already trust us, and we work hard to keep it that way. You receive photos and updates showing exactly what your donation achieved. Every detail is handled by people who care about getting it right.

Afternoon

Start in minutes and get help from a real person whenever you need it. We have helped more than two hundred thousand people since we started. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Evening

We listen first, then build a plan around what you actually need. A school kit costs less than a cinema ticket and lasts a whole year. Our annual report is independently audited and published in full. Clean water wells are built with and maintained by local communities.

6Simple anchors

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

Alpha

Clear prices, honest advice and no surprises along the way. Local partners know their communities and make sure help arrives where it matters. Friendly people answer your questions quickly, by phone, chat or email.

Beta

Local partners know their communities and make sure help arrives where it matters. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.

Gamma

Volunteers give their time in schools, shelters and food banks every week. Leave a gift in your will and help future generations. You receive photos and updates showing exactly what your donation achieved.

7Underline tabs

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

Overview

Ninety cents of every dollar goes directly to the projects you support. Thousands of donors already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right. We measure success by how many donors come back and tell their friends.

Features

We have helped more than two hundred thousand people since we started. 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.

Reviews

Clear prices, honest advice and no surprises along the way. Our annual report is independently audited and published in full. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clean water wells are built with and maintained by local communities.

FAQ

Companies can match employee donations and double their impact. A school kit costs less than a cinema ticket and lasts a whole year. We keep things simple, so you can focus on what matters to you. Every donation is tax-deductible, and receipts arrive by email instantly.

8Table of contents on the right

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

Summary

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Local partners know their communities and make sure help arrives where it matters. Thousands of donors already trust us, and we work hard to keep it that way. We have helped more than two hundred thousand people since we started.

Background

Clean water wells are built with and maintained by local communities. Every donation is tax-deductible, and receipts arrive by email instantly. Ninety cents of every dollar goes directly to the projects you support.

Method

We listen first, then build a plan around what you actually need. Leave a gift in your will and help future generations. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.

Results

Our team has done this many times, so you never have to guess. A school kit costs less than a cinema ticket and lasts a whole year. You receive photos and updates showing exactly what your donation achieved.

9Numbered steps

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

Create an account

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. Volunteers give their time in schools, shelters and food banks every week. Start in minutes and get help from a real person whenever you need it.

Set up your profile

We measure success by how many donors come back and tell their friends. Our annual report is independently audited and published in full. Companies can match employee donations and double their impact. Our team has done this many times, so you never have to guess.

Invite the team

You receive photos and updates showing exactly what your donation achieved. Friendly people answer your questions quickly, by phone, chat or email. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Go live

Every donation is tax-deductible, and receipts arrive by email instantly. Start in minutes and get help from a real person whenever you need it. We measure success by how many donors come back and tell their friends.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

A beginner's guide to getting started

Ninety cents of every dollar goes directly to the projects you support. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way. Companies can match employee donations and double their impact.

2024

What our donors asked us most

Volunteers give their time in schools, shelters and food banks every week. Our annual report is independently audited and published in full. Local partners know their communities and make sure help arrives where it matters. We have helped more than two hundred thousand people since we started.

2025

Five things we learned this year

We listen first, then build a plan around what you actually need. Clean water wells are built with and maintained by local communities. Leave a gift in your will and help future generations. A school kit costs less than a cinema ticket and lasts a whole year.

2026

What happens after a disaster appeal

We keep things simple, so you can focus on what matters to you. Thousands of donors already trust us, and we work hard to keep it that way. We keep things simple, so you can focus on what matters to you. Thousands of donors already trust us, and we work hard to keep it that way.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

A day in the life of a volunteer?
Every donation is tax-deductible, and receipts arrive by email instantly.
Our favourite tips for busy weeks?
Every detail is handled by people who care about getting it right.
Why we plant trees with the schools we build?
Ninety cents of every dollar goes directly to the projects you support.

Shipping

Why monthly giving makes such a difference?
Friendly people answer your questions quickly, by phone, chat or email.
Looking back at a busy season?
Companies can match employee donations and double their impact.
Meet the partners behind our water projects?
We measure success by how many donors come back and tell their friends.

Returns

How to choose the right campaign?
You receive photos and updates showing exactly what your donation achieved.
Our yearly impact report, explained?
Local partners know their communities and make sure help arrives where it matters.
How your donations built three new classrooms?
Our annual report is independently audited and published in full.

12Icon menu

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

Performance

A school kit costs less than a cinema ticket and lasts a whole year. Clean water wells are built with and maintained by local communities. Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way.

Battery

We have helped more than two hundred thousand people since we started. Volunteers give their time in schools, shelters and food banks every week. Start in minutes and get help from a real person whenever you need it. Leave a gift in your will and help future generations.

Connectivity

Monthly gifts let us plan ahead and respond quickly when disaster strikes. We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email.

Security

Clear prices, honest advice and no surprises along the way. Leave a gift in your will and help future generations. A school kit costs less than a cinema ticket and lasts a whole year.

13Pricing plans

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

Starter

$16.32 / mo

  • Impact tracking
  • Local partners
  • Tax receipts

Team

$33.40 / mo

  • Volunteer network
  • Transparent reports
  • Impact tracking

Business

$60.20 / mo

  • Volunteer network
  • Volunteer network
  • Local partners

14Chapter reader

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

Chapter 1: Inside the shelter: from rescue to new home

Ninety cents of every dollar goes directly to the projects you support. Companies can match employee donations and double their impact. Our team has done this many times, so you never have to guess.

Clean water wells are built with and maintained by local communities. Every donation is tax-deductible, and receipts arrive by email instantly. We listen first, then build a plan around what you actually need. Local partners know their communities and make sure help arrives where it matters.

Chapter 2: Ten ways to fundraise with friends

Every detail is handled by people who care about getting it right. We measure success by how many donors come back and tell their friends. Thousands of donors already trust us, and we work hard to keep it that way. Volunteers give their time in schools, shelters and food banks every week.

We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it. We have helped more than two hundred thousand people since we started.

Chapter 3: The small habits that make a big difference

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Our annual report is independently audited and published in full. You receive photos and updates showing exactly what your donation achieved.

Clear prices, honest advice and no surprises along the way. A school kit costs less than a cinema ticket and lasts a whole year. Leave a gift in your will and help future generations.

Chapter 4: Stories from the families we support

Every detail is handled by people who care about getting it right. Clean water wells are built with and maintained by local communities. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Thousands of donors already trust us, and we work hard to keep it that way. Ninety cents of every dollar goes directly to the projects you support. Volunteers give their time in schools, shelters and food banks every week. You receive photos and updates showing exactly what your donation achieved.

15Settings form

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

Profile

We listen first, then build a plan around what you actually need. Every donation is tax-deductible, and receipts arrive by email instantly. Friendly people answer your questions quickly, by phone, chat or email. Companies can match employee donations and double their impact.

Notifications

Our team has done this many times, so you never have to guess. We measure success by how many donors come back and tell their friends. Local partners know their communities and make sure help arrives where it matters. We have helped more than two hundred thousand people since we started.

Privacy

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. Our annual report is independently audited and published in full.

16Team directory

Department links track a scrolling list of people.

Sales

  • Chloe Delgado
    Chloe Delgado
    Project Manager
  • Noah Varga
    Noah Varga
    HR Partner
  • Finn Okafor
    Finn Okafor
    HR Partner

Engineering

  • Kai Hughes
    Kai Hughes
    HR Partner
  • Owen Quinn
    Owen Quinn
    Support Specialist
  • Ava Ortega
    Ava Ortega
    Customer Success

Design

  • Arjun Sato
    Arjun Sato
    Marketing Lead
  • Ravi Carter
    Ravi Carter
    Content Writer
  • Tariq Harlow
    Tariq Harlow
    Operations Manager

17Catalogue categories

Category pills over a scrolling price list.

Animals

  • Shelter support$36.00
  • Vet care$54.99
  • School kit$32.00

Environment

  • School kit$31.99
  • Solar lamp$19.00
  • Vet care$58.99

Health

  • Health kit$35.99
  • Library books$42.00
  • Tree planting$10.00

18Inside a card

Card header pills spy on the scrolling card body.

Today

Our team has done this many times, so you never have to guess. We measure success by how many donors come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email.

This week

A school kit costs less than a cinema ticket and lasts a whole year. Leave a gift in your will and help future generations. Ninety cents of every dollar goes directly to the projects you support. Local partners know their communities and make sure help arrives where it matters.

Later

Clean water wells are built with and maintained by local communities. 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. Every donation is tax-deductible, and receipts arrive by email instantly.

19Dark theme

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

Launch

You receive photos and updates showing exactly what your donation achieved. Clear prices, honest advice and no surprises along the way. We have helped more than two hundred thousand people since we started.

Orbit

Volunteers give their time in schools, shelters and food banks every week. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Start in minutes and get help from a real person whenever you need it.

Landing

We listen first, then build a plan around what you actually need. Companies can match employee donations and double their impact. Thousands of donors already trust us, and we work hard to keep it that way. Our annual report is independently audited and published in full.

20Changelog

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

v3.2 Feb 20, 2026

  • NewFriendly people answer your questions quickly, by phone, chat or email.
  • ImprovedCompanies can match employee donations and double their impact.
  • FixedThousands of donors already trust us, and we work hard to keep it that way.

v3.1 Sep 15, 2026

  • NewLeave a gift in your will and help future generations.
  • ImprovedWe have helped more than two hundred thousand people since we started.
  • FixedEvery donation is tax-deductible, and receipts arrive by email instantly.

v3.0 Nov 10, 2025

  • NewEvery detail is handled by people who care about getting it right.
  • ImprovedLocal partners know their communities and make sure help arrives where it matters.
  • FixedWe keep things simple, so you can focus on what matters to you.

v2.9 Jul 17, 2026

  • NewClear prices, honest advice and no surprises along the way.
  • ImprovedMonthly gifts let us plan ahead and respond quickly when disaster strikes.
  • FixedYou receive photos and updates showing exactly what your donation achieved.