title: How to indicate there is more text to scroll?
body: <p>I'm making a webpage and I have quite a bit of text, so I made a text-box that you can scroll using <code>Overflow: auto</code>. My question is how could I make it more clear that you can scroll to see more? At the moment if you don't know there is more text, you're probably not going to scroll, so I was thinking of adding a small arrow that acts as a scroller, can I do this with only CSS and HTML?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.container {
    width: auto;
    left: 25%;
    height: 60%;
    overflow: auto;
  }
  .text-box {
    position: absolute;
    top: 20%;
    width: 50%;
    overflow: auto;
    height: 70%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
    &lt;div class="text-box"&gt;
      &lt;h2 class=""&gt;I servizi per l'editoria scolastica&lt;/h2&gt;
      &lt;p&gt;
        &lt;h4&gt;Progettazione e supporto alla progettazione di testi scolastici e universitari:&lt;/h4&gt;
        &lt;ul&gt;
          &lt;li&gt;elaborazione di progetti editoriali e collane
            &lt;li&gt;consulenza e supervisione didattica
              &lt;li&gt;stesura apparati operativi
                &lt;li&gt;supporto e consulenza agli autori&lt;/ul&gt;
  
        &lt;h4&gt;Progettazione grafica&lt;/h4&gt;
        &lt;ul&gt;Analisi progetto editoriale e confronto con i prodotti della concorrenza; individuazione dei contenuti chiave del testo in funzione della creazione di una veste grafica coerente e valorizzante; gerarchizzazione degli elementi di decodifica e creazione
          del format grafico; ideazione copertina; supervisione tecnico-artistica della produzione&lt;/ul&gt;
  
        &lt;h4&gt;Redazione e impaginazione&lt;/h4&gt;
        &lt;ul&gt;
          &lt;li&gt;coordinamento degli autori e degli eventuali fornitori tecnici (grafici, fotocompositori, fotostilisti), gestione della tempistica delle consegne in affiancamento all'ufficio tecnico della casa editrice
            &lt;li&gt;stesura di testi: didscalie, schede, esercizi
              &lt;li&gt;reperimento apparati (es. fonti storiografiche, brani antologici, ecc.)
                &lt;li&gt;editing e revisione dei testi (contenuti e registro dell'esposizione)
                  &lt;li&gt;redazione e impaginazione
                    &lt;li&gt;assistenza alla produzione&lt;/ul&gt;
        &lt;h4&gt;Ricerca iconografica&lt;/h4&gt;
        &lt;h4&gt;Reperimento e coordinamento illustratori&lt;/h4&gt;
        &lt;h4&gt;Progettzione e gestione dei contenuti di materiali on-line, multimediali per PC e per LIM&lt;/h4&gt;
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>