如何用javascript来控制一个表格始终在屏幕中间-JavaSript-爱易网页

如何用javascript来控制一个表格始终在屏幕中间

日期：2014-05-16　浏览次数：20329 次

怎么用javascript来控制一个表格始终在屏幕中间
无论是怎么滚动屏幕表格始终在屏幕的正中央
用原生的javascript代码来写而不是用其他的js库
怎么实现呢？

求大牛们给个例子。

------解决方案--------------------
可以用CSS来实现。比如你的表格区域宽度800，高度500的话。



.always-center{

  position:fixed;

  width:800px;

  height:500px;

  z-index:99;

  top:50%;

  left:50%;

  margin-left:-400px;

  margin-top:-250px;

}

<div class="always-center">

   <!-- table here -->

</div>

这个div放到</body>的前面，然后把你的table代码写到这个层里，就一直居中了。
------解决方案--------------------
上面这回贴有人能删了不?

你可以区分浏览器,IE6中position:fixed是不起作用的,你必须在onresize事件中动态的将table设置为position:absolute,然后设置其left=(页面宽 –table的宽) /2;top=（页面高 –table的高）/ 2;计算中因为需要用到table的实际宽和高,所以你也必须先填充好了table的内容以后才行
------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>无标题页</title>

    <style type="text/css">

    body{height:3000px;}

    #test{width:500px;height:300px;border:1px solid red; position:fixed;margin:auto;top:0; left:0;bottom:0;right:0;}

    </style>

    <!--[if lte IE 6]>

    <style> 

        #test{width:auto;height:auto;border:1px solid red; position:absolute;}

    </style>   

    <script type="text/javascript">

    function makeFixed(){

        var _div            =   document.getElementById('test'),//获取待操作对象,table可放在里面

            _clientWidth    =   (document.documentElement 
------解决方案--------------------
 document.body).clientWidth,//获取当前可见区域宽度     

            _clientHeight   =   (document.documentElement 
------解决方案--------------------
 document.body).clientHeight,//获取当前可见区域高度     

            //获取距顶部偏移量：可见区域距离最顶部+(当前

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

如何用javascript来控制一个表格始终在屏幕中间

相关资料更多>

推荐阅读更多>