<h2>position: fixed;</h2>
<div class="content-page">
  <div class="fixed">This div element has position: fixed</div>
  <div>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum est
    repellendus cumque culpa eum? Nesciunt, similique iste, quaerat beatae
    nisi ea error vitae sint, adipisci repellendus quas alias porro. Sint
    dolore, error placeat voluptatum modi et voluptatem molestias est
    aspernatur quidem dolorem eaque qui? Ea ipsa laudantium voluptas
    incidunt? Culpa!
  </div>
  <div>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit, ullam
    culpa a amet velit blanditiis consectetur officiis rem debitis minima
    consequuntur, iste iusto quam ex odio iure fugiat accusamus? Quia
    repellendus officia unde, id ullam autem non, repudiandae reprehenderit
    voluptatibus adipisci eveniet hic a, veniam minus deserunt doloremque at
    iusto!
  </div>
  <div>
    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta
    voluptatibus consectetur doloremque soluta veritatis, cupiditate
    obcaecati? Quisquam ex vitae ullam quis ut nam, quibusdam impedit
    aliquid ad dolorem amet! Recusandae nemo non officia nam a, dignissimos
    similique fugiat. Ullam minima autem asperiores assumenda. Quia aut
    beatae cupiditate adipisci voluptate sed?
  </div>
  <div>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum est
    repellendus cumque culpa eum? Nesciunt, similique iste, quaerat beatae
    nisi ea error vitae sint, adipisci repellendus quas alias porro. Sint
    dolore, error placeat voluptatum modi et voluptatem molestias est
    aspernatur quidem dolorem eaque qui? Ea ipsa laudantium voluptas
    incidunt? Culpa!
  </div>
  <div>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit, ullam
    culpa a amet velit blanditiis consectetur officiis rem debitis minima
    consequuntur, iste iusto quam ex odio iure fugiat accusamus? Quia
    repellendus officia unde, id ullam autem non, repudiandae reprehenderit
    voluptatibus adipisci eveniet hic a, veniam minus deserunt doloremque at
    iusto!
  </div>

</div>
.content-page {
margin-bottom:500px;
}

.fixed {
  position: fixed;
  top: 90px;
  background-color: black;
  color: white;
  right: 25px;
  width: 300px;
  border: 3px solid green;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.