javascript - ページ スクロールで div を移動する

Question

このスタック オーバーフローの投稿に続いて、ウェブページを下にスクロールするときに div フロートを作成しようとしていますが、うまくいきません。

以下はコードスニペットです

<script type="text/javascript">
window.onscroll = function (e) {
  var vertical_position = 0;
  if (pageYOffset)//usual
    vertical_position = pageYOffset;
  else if (document.documentElement.clientHeight)
    vertical_position = document.documentElement.scrollTop;
  else if (document.body)
    vertical_position = document.body.scrollTop;

  var your_div = document.getElementById('menuDiv');
  your_div.top = (vertical_position + 200) + 'px';
}
</script>

Answer 1

JavaScript はまったく必要ありませんposition: fixed;。CSS で使用するだけです。

#menuDiv {
    position: fixed;
    top: 200px;
}