W3.CSS: Fix text into a w3-column while scrolling the page

[Rolf 0]

Hello!
I wanted to ask how to fix the text inside a column using w3-css. I tried using parallax, but I have no other ideas how to accomplish this..

<div class="w3-container w3-padding-64" id="about">
    <div>
      <h3 class="w3-center">TITLE OF PAGE</h3>
      <p class="w3-center"><em>Subtitle</em></p>
      <p>Description</p>
    </div>

    <div class="w3-row">
        <div class="w3-col w3-center" style="width:20%">
          <a href="##">#</a>
          <a href="#A">A</a>
          <a href="#B">B</a>
          <a href="#C">C</a>
          <a href="#D">D</a>
          <a href="#E">E</a>
          <a href="#F">F</a>
          <a href="#G">G</a>
          <a href="#H">H</a>
          <a href="#H">I</a>
          <a href="#J">J</a>
          <a href="#K">K</a>
          <a href="#L">L</a>
          <a href="#M">M</a>
          <a href="#N">N</a>
          <a href="#O">O</a>
          <a href="#P">P</a>
          <a href="#Q">Q</a>
          <a href="#R">R</a>
          <a href="#S">S</a>
          <a href="#T">T</a>
          <a href="#T">U</a>
          <a href="#V">V</a>
          <a href="#W">W</a>
          <a href="#X">X</a>
          <a href="#Y">Y</a>
          <a href="#Z">Z</a>
        </div>

        <div class="w3-threequarter w3-col" style="margin-left:20%">
          A lot of Lorem ipsum 
        </div>
    </div>

  </div>

I cleared the file from my modifications, so it may be easier to suggest edits...
Thank you in advance!

[niche 137]

What do you mean by "fix"?

[dsonesuk 914]

If you mean fixed within the viewport area with no scrolling down with content, you need to use position: fixed or sticky, with properties top and left;