function startScroll()
{//scroll top
    var currentHeight = 300;
    
var iNewHeight = oDiv.scrollHeight;
    
if (iNewHeight>currentHeight) 
    
{
        self['oDiv'].scrollTop 
+= iNewHeight-currentHeight;
    }

}
上面这段JavaScritp所实现的是将页面的Div元素的滚动条位置定位到末尾。
<div id="oDiv" style="width:100px;height:300px;overflow:auto;">
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test
<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>

</div>
下面是Button事件。解决了滚动条定位的问题。
<Button onclick="startScroll()">Set_Scroll_Position</Button>

还可以扩展到Table、DataGrid等列表中多行滚动时,某行的定位问题。
posted on 2005-11-23 16:18  VortexDragon(旋风龙)  阅读(1274)  评论(0编辑  收藏  举报