position Fixed only horizontal

Question

I’m having a question, I was wondering if it’s possible to leave my div with position: fixed only horizontally and vertically...

It’s possible to do that?

.body{
  height: 1500px;
  width: 1500px;
  background-color: blue;
}

.square {
  width: 100px;
  height: 100px;
  position: fixed;
  top: 25px;
  left: 25px;
  background-color: black;
  z-index: 10;
}

<div class="body">
  <div class="square"></div>
</div>

Answer 1

Just use position:sticky with the left as a reference, and leave without top

Follow the image code above.

.body{
  height: 1500px;
  width: 1500px;
  background-color: blue;
}

.square {
  width: 100px;
  height: 100px;
  position: sticky;
  /* top: 25px; */
  left: 25px;
  background-color: black;
  z-index: 10;
}

<div class="body">
  <div class="square"></div>
</div>