Edit in JSFiddle

var x = 0;
var d = document.getElementById("div1");
var topPos = d.offsetTop;
//alert(x++);
var totalTop = topPos;
//alert(x++);
var e = d;
//alert(x++);
while (e && e.tagName != "BODY") {
  e = e.parentElement;
  totalTop += e.offsetTop;
  //alert(e.tagName);
}
//alert(topPos);
document.body.onscroll = function() {
  if (window.scrollY > totalTop-10) {
    d.style.position = "fixed";
    d.style.left = "10px";
  } else {
    d.style.position = "relative";
    d.style.left = "0px";
  }
  //window.scrollTo(0,totalTop);
}

<div>
  <br>fsfasdfasdfadsfasdfs asdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdas
  <div id="div1">asdfasdf</div>s fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf
  ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs
  fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf
  ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf
  ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf
  ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf
  ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf fasdafsdf ds fsd fsd fdsf ds fss fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf ds fs fsdfds fdasasdf ds fasdafsdf ds fsd fsd fdsf
  ds fs
</div>

#div1 {
  background: black;
  border: red solid 2px;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  width: 90%;
}