как получить эффект при скролле где элементы двигаются

var elem = document.querySelector('.fix'); 
 
window.onscroll = function() { 
  //Определяем наше текущее место на странице 
  var scrolled = window.pageYOffset || document.documentElement.scrollTop; 
 
  //Задаём значение от куда до куда работают свойства 
  if(scrolled < 500){ 
     
    //Задаём сами свойства 
    elem.style.marginLeft = '0'; 
    elem.style.opacity = '0.4'; 
  } 
  if(scrolled > 500){ 
    elem.style.marginLeft = '100px'; 
    elem.style.opacity = '1'; 
  }          
};

body { 
  height: 1000px; 
} 
 
.fix { 
  margin: 0px; 
  opacity: 0.4; 
  position: fixed; 
  width: 200px; 
  background-color: green; 
}

 <div class="fix">11111</div>