Я бы хотел, чтобы .npp прокручивал и следовал за #content. По сути, каждая глава внутри #content имеет уникальный div и класс, и класс совпадает с числом справа внутри .npp.
Если прокрутить содержимое, это будет возможно для. npp для автономной прокрутки и отслеживания содержимого, чтобы, когда #content .1due вверху, .npp .1due тоже вверху?
Не уверен, достаточно ли оно ясно.
#content{
width:70%}
.npp{
position:fixed;
right:0;
top:0;
text-align:center;
font-size:10vw;
line-height:1.5em;
overflow:auto;
height:100vh;
padding:20px;
box-sizing:border-box;
}
.in a{display:block}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class=npp>
<div class=in>
<a href="#1uno">1</a>
<a href="#1due">2</a>
<a href="#1tre">3</a>
<a href="#1quattro">4</a>
<a href="#1cinque">5</a>
</div>
</div>
<div id=content>
<div class=poema>
<div class="canto" id="1uno" class="1uno">
<div class=inf>Inferno</div><h3>I</h3></div>
<div class=courier>
Incomincia la Commedia di Dante Alleghieri di Fiorenza, ne la quale tratta de le pene e punimenti de' vizi e de' meriti e premi de le virtù. Comincia il canto primo de la prima parte la quale si chiama Inferno, nel qual l'auttore fa proemio a tutta l'opera.<br><br></div>
Nel mezzo del cammin di nostra vita<br>
mi ritrovai per una selva oscura,<br>
ché la diritta via era smarrita.<br><br>
Ahi quanto a dir qual era è cosa dura<br>
esta selva selvaggia e aspra e forte<br>
che nel pensier rinova la paura!<br><br>
Tant' è amara che poco è più morte;<br>
ma per trattar del ben ch'i' vi trovai,<br>
dirò de l'altre cose ch'i' v'ho scorte.<br><br>
Io non so ben ridir com' i' v'intrai,<br>
tant'era pien di sonno a quel punto<br>
che la verace via abbandonai.<br><br>
Ma poi ch'i' fui al piè d'un colle giunto,<br>
là dove terminava quella valle<br>
che m'avea di paura il cor compunto,<br><br>
...
</div>
<div class="canto" id="1due" class="1due">
<div class=inf>Inferno</div><h3>II</h3></div>
<div class=courier>
Incomincia la Commedia di Dante Alleghieri di Fiorenza, ne la quale tratta de le pene e punimenti de' vizi e de' meriti e premi de le virtù. Comincia il canto primo de la prima parte la quale si chiama Inferno, nel qual l'auttore fa proemio a tutta l'opera.<br><br></div>
Nel mezzo del cammin di nostra vita<br>
mi ritrovai per una selva oscura,<br>
ché la diritta via era smarrita.<br><br>
Ahi quanto a dir qual era è cosa dura<br>
esta selva selvaggia e aspra e forte<br>
che nel pensier rinova la paura!<br><br>
Tant' è amara che poco è più morte;<br>
ma per trattar del ben ch'i' vi trovai,<br>
dirò de l'altre cose ch'i' v'ho scorte.<br><br>
Io non so ben ridir com' i' v'intrai,<br>
tant'era pien di sonno a quel punto<br>
che la verace via abbandonai.<br><br>
Ma poi ch'i' fui al piè d'un colle giunto,<br>
là dove terminava quella valle<br>
che m'avea di paura il cor compunto,<br><br>
...
</div>
</div>