Scrool Div ayarlama

Merhaba,

bir divim var bu div fixed ike top:0 ayarlı ama bu din scrool en alta geldiğinde top10px; olmasını istiyorum bunu nasıl yapabilirim acaba?

div {
  position: fixed;
  top: calc(100% - 50px);
  margin-top: 10px;
}

bunu deneyebilirsiniz.

.sabitlenmis-div {
position: fixed;
top: 10px;
bottom: 0;
/* diğer stil özellikleri */
}

Hocam bunu Js ile yapmalıyız. Sadece scrool en alta geldiğinde top:10px olacak. Diğer durumlarda top:0px olacak.

var divElement = document.querySelector('div'); 
divElement.style.position = 'fixed';
divElement.style.top = 'calc(100% - 50px)';
divElement.style.marginTop = '10px';