<!DOCTYPE html>
<html>
<style>
p {
  writing-mode:tb;
  float:right;
  font-size:2000px;
}
#bb {
  position:sticky;
  display:table-footer-group;
}
#dd {
  transition:2s ease-in;
}
</style>
<body>
<div id="dd"></div>
<div id="bb">
  <p>grilling it up
</div>
</body>
<script>
document.body.offsetTop;
dd.style.marginTop = "100px";
</script>
</html>