JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

Imagine this page is at: http://example.com/super-cool-page.html
    <div id='top-of-page' style='height:90%;min-height:20em'>#top-of-page-index</div>
<section id='1'>Chapter 1</section>
<section id='2'>Chapter 2</section>
<section id='3'>Chapter 3</section>
<section id='4'>Chapter 4</section>
<section id='5'>Chapter 5</section>
<section id='6'>Chapter 6</section>

<a href='#top-of-page' title='Some title'>A link to the top of this page via a named anchor</a> becomes <a href='http://example.com/original-site#top-of-page' title='Some title'>A link to an #named-anchor on the completely different base page</a>
<br>
<br>
<a href='?update=1' title='Some title'>A link to this page</a> becomes <a href='http://example.com/other?update=1' title='Some title'>A link to the base tag's page instead</a>
    
    <div id='top-of-page' style='height:90%;min-height:90em;vertical-align:bottom'>#top-of-page-index</div>

CSS

section{
    min-height:30em;
    background-color:gray;
}