Fixed Vs. Absolute

So I've checked the site and I've seen questions close to what I am looking for but not exactly the same. I am trying to figure out how to position an element so that when scrolled

Solution 1:

if what you want is always fixed in some position even if the browser is scrolled / resized, you may try this for your css

.fixedelement {
  position: fixed;
  top: 10%;
  left: 10%;
  width: 80%; /*my example*/
  height: 10%;
}