jquery让div位置根据浏览器视口变化而变，能一直保持居中。

[pad1614]

就是说div的top跟left是根据浏览器的大小而定的，不是根据body的大小。。
请问有这样的方法吗，是获取滚动条的位置吗？
请说下具体怎么写，谢谢！

[slwsss]

  <div style="width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #F00;position: fixed;top: 50%;left: 50%;"></div>

[pad1614]

引用 1 楼 slwsss 的回复:

  <div style="width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #F00;position: fixed;top: 50%;left: 50%;"></div>

这种方法始终会居中在页面的中间，而不是浏览器视口的中间，浏览器变小了，但是div的位置还是在中央。。

[slwsss]

引用 2 楼 pad1614 的回复:

[quote=引用 1 楼 slwsss 的回复:]

  <div style="width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #F00;position: fixed;top: 50%;left: 50%;"></div>

这种方法始终会居中在页面的中间，而不是浏览器视口的中间，浏览器变小了，但是div的位置还是在中央。。[/quote] 这个就是在浏览器视口的中间

[pad1614]

有没有方法可以获得可视区上面跟下面的高度啊？
这个是获得可视区的高度$(window).height();，当滚动条滚动到中间，怎么获得可视区上边跟下边的大小啊？
是跟滚动条的位置有关吗？

[pad1614]

引用 3 楼 slwsss 的回复:

[quote=引用 2 楼 pad1614 的回复:] [quote=引用 1 楼 slwsss 的回复:]

  <div style="width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #F00;position: fixed;top: 50%;left: 50%;"></div>

这种方法始终会居中在页面的中间，而不是浏览器视口的中间，浏览器变小了，但是div的位置还是在中央。。[/quote] 这个就是在浏览器视口的中间[/quote] 谢谢！！我刚开始看成absolute了。。

[slwsss]

引用 4 楼 pad1614 的回复:

有没有方法可以获得可视区上面跟下面的高度啊？ 这个是获得可视区的高度$(window).height();，当滚动条滚动到中间，怎么获得可视区上边跟下边的大小啊？ 是跟滚动条的位置有关吗？

各种高度