用户体验的问题

<div><table>...</table></div>我的table中有300多行使的我的div出现滚动条。我能不能通过js调用让某一行显示到最显眼的地方比如最上方，就是让滚动条，滚到让指定的那行显示到最上面。

解决方案 »

  1.   

    +用锚链接也可以<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>test</title>
    <style type="text/css">
    tr#fixedHeaderTr th{     
        position:relative;     
        top:expression(document.getElementById("lockedDiv").scrollTop);
        z-index: 20;
        font-family: "宋体", "Arial", "Helvetica";
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        height: 22px;
        background-color: #eeeeee;
        white-space: nowrap;
        border-left: 1px solid silver;
        border-top: 1px solid silver;
        border-bottom: 1px solid silver;
      };  div#lockedDiv table{
        margin:0;
        border-right: 1px solid silver; 
      }
      div#lockedDiv table td,th {
        height: 22px;
        border-left: 1px solid silver;
        border-bottom: 1px solid silver;
        text-align: right;
        font-family: "宋体", "Arial", "Helvetica";
        font-size: 12px;
        font-style: normal;
        font-weight: lighter;
      }
      tr#fixedFooterTr 
      {     
        position:relative;
        top:expression(document.getElementById("lockedDiv").scrollTop-document.getElementById("lockedDiv").scrollHeight+document.getElementById("lockedDiv").offsetHeight-(document.getElementById("lockedDiv").scrollWidth>0?17:0));
        z-index: 20;
        font-family: "宋体", "Arial", "Helvetica";
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        text-align: right;
        vertical-align: middle;
        height: 22px;
        background-color: #eeeeee;
        white-space: nowrap;
        border-left: 1px solid silver;
        border-top: 1px solid silver;
        border-bottom: 1px solid silver;     
      };
      
      div#lockedDiv     
      {   
      padding:0;
      margin:0;  
      height:expression(document.body.clientHeight-30);     
      width:expression(document.body.clientWidth-20);     
      } 
    </style>
    <script>
    window.onload = function (){
    var as = document.createElement("a");
    as.setAttribute("href", "#ssss");
    var text = document.createTextNode("click");
    as.appendChild(text);
        document.body.appendChild(as);};</script>
    </head><body>
    <div id="lockedDiv" style="overflow-x:scroll;overflow-y:auto;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr id="fixedHeaderTr">
                <th>省</th>
                <th>市</th>
                <th>县</th>
            </tr>
            
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
            <tr><td>江苏</td><td>泰州</td><td>泰兴</td></tr>
        
            <tr id="fixedFooterTr">
                <th>省</th>
                <th>市</th>
                <th>县</th>
            </tr>
        </table>
    </div>
    </body>
    </html>
      

  2.   

    怎样用javascript脚本来控制跳到锚点
      

  3.   

    window.location.hash = "a";
    a为锚点的名字