url rewriting - History API & URL for single long page

I'm working on a NON-API Wordpress site. One of the pages is a long page segmented into several sections. At the top of the page is a menu for most of the sections on the page.

When a user lands on the page, the URL will read mysite/about

As the user scrolls down the page, the URL updates to show the current section: mysite/about -> mysite/about/team -> mysite/about/awards

Inbound traffic to the page will parse the URL and scroll to the appropriate section. mysite/about/team will scroll to the "team" section.

All the content on the site is visible and available when the page loads, the menu only scrolls to the appropriate section. In other frameworks, this can be trivial with the History API. In WP, I've tried using the following but still get a 404

function wpd_foo_rewrite_rule() {
    add_rewrite_rule(
        '^/about/([^/]*)/?',
        'index.php?pagename=about',
        'top'
    );
}
add_action( 'init', 'wpd_foo_rewrite_rule' );