现在的位置: 首页 > 综合 > 正文

定位页面或元素的滚动条ScrollBar起始位置

2013年01月22日 ⁄ 综合 ⁄ 共 1269字 ⁄ 字号 评论关闭
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等列表中多行滚动时,某行的定位问题。

抱歉!评论已关闭.