使用滚动移动Div

时间:2011-04-11 02:51:24

标签: javascript html vertical-scrolling

当滚动条移动时我必须移动div,但需要使用纯javascript,并且position:fixed将不适用于布局。 div的原始poisition是相对于其他东西。是否使用onScroll等事件进行简单的实现,以检测页面向上或向下移动的像素数,并相应地更改div的位置。 div只需要垂直移动。因此,如果我可以检测到页面移动了多少像素,我可以将其添加或减去div的位置。任何帮助是极大的赞赏 :-)。

1 个答案:

答案 0 :(得分:15)

window.onscroll = function (e) {
  var vertical_position = 0;
  if (pageYOffset)//usual
    vertical_position = pageYOffset;
  else if (document.documentElement.clientHeight)//ie
    vertical_position = document.documentElement.scrollTop;
  else if (document.body)//ie quirks
    vertical_position = document.body.scrollTop;

  var your_div = document.getElementById('some_div');
  your_div.top = (vertical_position + 200) + 'px';//200 is arbitrary.. just to show you could now position it how you want
}