Ønsker at en boks skal beholde en bestemt margin-top når der bliver scrollet

Hej Eksperter

Jeg har en boks som jeg ønsker skal beholde en bestemt margin-top når man scroller på siden. Har forsøgt mig med følgende men det synes ikke at virke.

<script>
$(document).on("scroll", '', function(){
  $("#midSectionContainer").css("marginTop", "400px");
});
</script>