div的overflow属性失效

0 0

div的overflow属性失效5

代码说明:原来使用的代码如下,其中table中的显示内容是通过ajax动态写入的.达到的效果是:当table中的内容长度过长时,隐藏超出部分,且隐藏部分的查看通过Js来实现平滑滚动的脚本主体代码:
<div id="tableparent" style="height:400px;overflow: hidden;visibility: visible">
<div id="tablediv" style="position: relative;">
<table class="STtab" border=0 cellSpacing="2" cellpadding="5" id="datatable" style="background:#C1CDD8; cursor:hand" onclick="hilightRow()" onmousemove="javascript:lightRowOver()" onmouseout="javascript:lightRowOut()">
<tbody id="actionsbody">
</tbody>
</table>
</div>
</div>

当前问题:原来代码运行一切正常,当另一页面中需要使用时,将上段代添加进去后,平滑滚动可以实现,但隐藏超出高度的内容却失败.只要超出长度后,页面就根据显示内容全显示出来.为了各位朋友易于理解我的问题,现平滑滚动代码如下:
var INTERVAL;
var STEPS = 25;
var divobj;
function smoothScroll(divtable, divparent, step) {
    // Stop any current scrolling
    clearInterval(INTERVAL);
var scrolledpx = divparent.offsetHeight;
divobj = divtable;
    var cypos = divobj.scrollTop;
    var desty = scrolledpx - divobj.offsetTop;
    if(step != -1)
    desty = step - divobj.offsetTop;
    if(desty > divobj.scrollHeight - scrolledpx)
    desty = divobj.scrollHeight - scrolledpx;
    if(desty < 0)
    desty = 0;
    scrolledpx = desty + divobj.offsetTop;
    ss_stepsize = parseInt(scrolledpx/STEPS);
    INTERVAL = setInterval('scrollWindow('+ss_stepsize+','+desty+')',10);

    // And stop the actual click happening
    if (window.event) {
      window.event.cancelBubble = true;
      window.event.returnValue = false;
    }
}

function scrollWindow(scramount,dest) {
    wascypos = divobj.offsetTop;
    isAbove = ((0-wascypos) < dest);
    var i = (0-wascypos) + scramount;
    i = 0-i;
    divobj.style.top = i;
    iscypos = divobj.offsetTop;
    isAboveNow = (Math.abs(iscypos) < dest);
    if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
      divobj.style.top = 0-dest;
      // cancel the repeating timer
      clearInterval(INTERVAL);
    }
}
问题补充：
找了N天了,个人认为这个跟Js没有关系.因为平行滚动可以.至于Css样式,我在Div层中直接加的,会被覆盖吗?宽度无限制,只限高度

CSS