Skip to content
Sageio

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

Volunteers give their time in schools, shelters and food banks every week. We listen first, then build a plan around what you actually need. Thousands of donors already trust us, and we work hard to keep it that way. Local partners know their communities and make sure help arrives where it matters.

Leave a gift in your will and help future generations. Start in minutes and get help from a real person whenever you need it. You receive photos and updates showing exactly what your donation achieved.

Details

Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. Ninety cents of every dollar goes directly to the projects you support.

Every detail is handled by people who care about getting it right. We have helped more than two hundred thousand people since we started. We measure success by how many donors come back and tell their friends. Our team has done this many times, so you never have to guess.

Pricing

We keep things simple, so you can focus on what matters to you. A school kit costs less than a cinema ticket and lasts a whole year. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

We have helped more than two hundred thousand people since we started. Our annual report is independently audited and published in full. A school kit costs less than a cinema ticket and lasts a whole year.

2Horizontal pills

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

Step one

Clean water wells are built with and maintained by local communities. Local partners know their communities and make sure help arrives where it matters. You receive photos and updates showing exactly what your donation achieved. Volunteers give their time in schools, shelters and food banks every week.

Step two

Thousands of donors already trust us, and we work hard to keep it that way. Every donation is tax-deductible, and receipts arrive by email instantly. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Every detail is handled by people who care about getting it right.

Step three

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

Step four

Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support. Friendly people answer your questions quickly, by phone, chat or email. Leave a gift in your will and help future generations.

3Vertical pills

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

Education fund

Clear prices, honest advice and no surprises along the way. 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. Ninety cents of every dollar goes directly to the projects you support.

Clean water

Friendly people answer your questions quickly, by phone, chat or email. We have helped more than two hundred thousand people since we started. 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.

Volunteer programs

You receive photos and updates showing exactly what your donation achieved. Companies can match employee donations and double their impact. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Questions

Every donation is tax-deductible, and receipts arrive by email instantly. A school kit costs less than a cinema ticket and lasts a whole year. We listen first, then build a plan around what you actually need.

4Nested navigation

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

Getting started

Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right. Thousands of donors already trust us, and we work hard to keep it that way.

Install

We measure success by how many donors come back and tell their friends. Leave a gift in your will and help future generations. Volunteers give their time in schools, shelters and food banks every week.

Configure

Our annual report is independently audited and published in full. We keep things simple, so you can focus on what matters to you. Clean water wells are built with and maintained by local communities.

Usage

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. A school kit costs less than a cinema ticket and lasts a whole year.

Examples

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

5List group

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

Morning

Clean water wells are built with and maintained by local communities. Local partners know their communities and make sure help arrives where it matters. You receive photos and updates showing exactly what your donation achieved.

Midday

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. Friendly people answer your questions quickly, by phone, chat or email.

Afternoon

Clear prices, honest advice and no surprises along the way. 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. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Evening

Volunteers give their time in schools, shelters and food banks every week. Every detail is handled by people who care about getting it right. Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support.

6Simple anchors

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

Alpha

Leave a gift in your will and help future generations. We have helped more than two hundred thousand people since we started. Ninety cents of every dollar goes directly to the projects you support.

Beta

Clean water wells are built with and maintained by local communities. Friendly people answer your questions quickly, by phone, chat or email. Local partners know their communities and make sure help arrives where it matters.

Gamma

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

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

Features

You receive photos and updates showing exactly what your donation achieved. We keep things simple, so you can focus on what matters to you. We measure success by how many donors come back and tell their friends.

Reviews

Companies can match employee donations and double their impact. 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. Thousands of donors already trust us, and we work hard to keep it that way.

FAQ

A school kit costs less than a cinema ticket and lasts a whole year. Clear prices, honest advice and no surprises along the way. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

8Table of contents on the right

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

Summary

Our annual report is independently audited and published in full. Every detail is handled by people who care about getting it right. You receive photos and updates showing exactly what your donation achieved.

Background

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clean water wells are built with and maintained by local communities. Companies can match employee donations and double their impact. Local partners know their communities and make sure help arrives where it matters.

Method

A school kit costs less than a cinema ticket and lasts a whole year. Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need. We measure success by how many donors come back and tell their friends.

Results

Ninety cents of every dollar goes directly to the projects you support. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it.

9Numbered steps

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

Create an account

Every donation is tax-deductible, and receipts arrive by email instantly. We have helped more than two hundred thousand people since we started. We keep things simple, so you can focus on what matters to you.

Set up your profile

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. Volunteers give their time in schools, shelters and food banks every week. Leave a gift in your will and help future generations.

Invite the team

Our team has done this many times, so you never have to guess. Companies can match employee donations and double their impact. 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.

Go live

Ninety cents of every dollar goes directly to the projects you support. Leave a gift in your will and help future generations. A school kit costs less than a cinema ticket and lasts a whole year. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Why monthly giving makes such a difference

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

2024

The small habits that make a big difference

Friendly people answer your questions quickly, by phone, chat or email. You receive photos and updates showing exactly what your donation achieved. Local partners know their communities and make sure help arrives where it matters. Our annual report is independently audited and published in full.

2025

How to choose the right campaign

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

2026

A day in the life of a volunteer

Volunteers give their time in schools, shelters and food banks every week. Clean water wells are built with and maintained by local communities. 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

How your donations built three new classrooms?
Every donation is tax-deductible, and receipts arrive by email instantly.
What happens after a disaster appeal?
Ninety cents of every dollar goes directly to the projects you support.
Ten ways to fundraise with friends?
Every donation is tax-deductible, and receipts arrive by email instantly.

Shipping

Five things we learned this year?
Start in minutes and get help from a real person whenever you need it.
Stories from the families we support?
We listen first, then build a plan around what you actually need.
Our yearly impact report, explained?
Local partners know their communities and make sure help arrives where it matters.

Returns

Looking back at a busy season?
Volunteers give their time in schools, shelters and food banks every week.
Our favourite tips for busy weeks?
A school kit costs less than a cinema ticket and lasts a whole year.
What our donors asked us most?
Friendly people answer your questions quickly, by phone, chat or email.

12Icon menu

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

Performance

Companies can match employee donations and double their impact. Thousands of donors already trust us, and we work hard to keep it that way. Clean water wells are built with and maintained by local communities.

Battery

Clear prices, honest advice and no surprises along the way. Leave a gift in your will and help future generations. Our annual report is independently audited and published in full.

Connectivity

Our team has done this many times, so you never have to guess. You receive photos and updates showing exactly what your donation achieved. We keep things simple, so you can focus on what matters to you. We have helped more than two hundred thousand people since we started.

Security

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. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

13Pricing plans

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

Starter

$18.52 / mo

  • Local partners
  • Transparent reports
  • Local partners

Team

$46.12 / mo

  • Impact tracking
  • Secure giving
  • Transparent reports

Business

$76.81 / mo

  • Impact tracking
  • Volunteer network
  • Local partners

14Chapter reader

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

Chapter 1: Meet the partners behind our water projects

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. Clean water wells are built with and maintained by local communities.

Monthly gifts let us plan ahead and respond quickly when disaster strikes. We measure success by how many donors come back and tell their friends. Every detail is handled by people who care about getting it right.

Chapter 2: A beginner's guide to getting started

Thousands of donors already trust us, and we work hard to keep it that way. Companies can match employee donations and double their impact. 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.

Ninety cents of every dollar goes directly to the projects you support. Volunteers give their time in schools, shelters and food banks every week. A school kit costs less than a cinema ticket and lasts a whole year. Clear prices, honest advice and no surprises along the way.

Chapter 3: Why we plant trees with the schools we build

Every donation is tax-deductible, and receipts arrive by email instantly. Friendly people answer your questions quickly, by phone, chat or email. Local partners know their communities and make sure help arrives where it matters. Our annual report is independently audited and published in full.

Our team has done this many times, so you never have to guess. Leave a gift in your will and help future generations. You receive photos and updates showing exactly what your donation achieved.

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

Leave a gift in your will and help future generations. A school kit costs less than a cinema ticket and lasts a whole year. Clear prices, honest advice and no surprises along the way. You receive photos and updates showing exactly what your donation achieved.

Companies can match employee donations and double their impact. Every detail is handled by people who care about getting it right. 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.

15Settings form

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

Profile

Our annual report is independently audited and published in full. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Every donation is tax-deductible, and receipts arrive by email instantly. We have helped more than two hundred thousand people since we started.

Notifications

Friendly people answer your questions quickly, by phone, chat or email. Thousands of donors already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Ninety cents of every dollar goes directly to the projects you support.

Privacy

Clean water wells are built with and maintained by local communities. We listen first, then build a plan around what you actually need. We keep things simple, so you can focus on what matters to you. We measure success by how many donors come back and tell their friends.

16Team directory

Department links track a scrolling list of people.

Marketing

  • Freya Whitaker
    Freya Whitaker
    Frontend Engineer
  • Ella Novak
    Ella Novak
    Sales Executive
  • Jonah Sato
    Jonah Sato
    Support Specialist

Sales

  • Kai Ibrahim
    Kai Ibrahim
    Frontend Engineer
  • Ava Patel
    Ava Patel
    Support Specialist
  • Nadia Silva
    Nadia Silva
    Operations Manager

Engineering

  • Lea Varga
    Lea Varga
    Product Designer
  • Liam Okafor
    Liam Okafor
    Operations Manager
  • Priya Haddad
    Priya Haddad
    HR Partner

17Catalogue categories

Category pills over a scrolling price list.

Relief

  • Health kit$35.00
  • Solar lamp$20.99
  • Teacher training$119.99

Animals

  • Shelter support$43.00
  • Solar lamp$18.99
  • Monthly gift$26.00

Education

  • Meal pack$14.00
  • Teacher training$118.99
  • Library books$44.00

18Inside a card

Card header pills spy on the scrolling card body.

Today

Volunteers give their time in schools, shelters and food banks every week. Our team has done this many times, so you never have to guess. Companies can match employee donations and double their impact. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

This week

Every donation is tax-deductible, and receipts arrive by email instantly. Friendly people answer your questions quickly, by phone, chat or email. We have helped more than two hundred thousand people since we started. Every detail is handled by people who care about getting it right.

Later

We listen first, then build a plan around what you actually need. Ninety cents of every dollar goes directly to the projects you support. Leave a gift in your will and help future generations.

19Dark theme

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

Launch

Local partners know their communities and make sure help arrives where it matters. Clear prices, honest advice and no surprises along the way. Thousands of donors already trust us, and we work hard to keep it that way.

Orbit

Start in minutes and get help from a real person whenever you need it. A school kit costs less than a cinema ticket and lasts a whole year. Volunteers give their time in schools, shelters and food banks every week.

Landing

Our annual report is independently audited and published in full. Clean water wells are built with and maintained by local communities. You receive photos and updates showing exactly what your donation achieved.

20Changelog

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

v3.2 Aug 15, 2026

  • NewWe measure success by how many donors come back and tell their friends.
  • ImprovedWe keep things simple, so you can focus on what matters to you.
  • FixedA school kit costs less than a cinema ticket and lasts a whole year.

v3.1 Oct 15, 2026

  • NewEvery detail is handled by people who care about getting it right.
  • ImprovedClear prices, honest advice and no surprises along the way.
  • FixedWe listen first, then build a plan around what you actually need.

v3.0 Sep 21, 2026

  • NewOur team has done this many times, so you never have to guess.
  • ImprovedLeave a gift in your will and help future generations.
  • FixedWe keep things simple, so you can focus on what matters to you.

v2.9 Oct 5, 2025

  • NewYou receive photos and updates showing exactly what your donation achieved.
  • ImprovedLocal partners know their communities and make sure help arrives where it matters.
  • FixedClean water wells are built with and maintained by local communities.