一个关于使用JavaScript来实现两个webpart之间控制的问题

小弟初来乍到，还望各位大虾不吝赐教阿！问题是这样的：
我在sharepoint的页面中自定义了上下两个webpart.下方的webpart引用了一个list数据源，在这个list中有一个column叫View Graph，而其中每一条数据的这个column的值都是字符串链接“View Details”，点击这个链接就可以在这个webpart的最底端看到关于这条数据的详细资料。因为我的list数据很多，显示高度很高，页面不能完全显示，所以我点击"View Details"后无法直接显示详细资料，需要我用滚动条拖动到屏幕最底端才可以看到详细资料。
我希望能在上方的那个webpart中控制这个功能，即点击“View Details”后，页面会直接跳动到屏幕最下方，控制是通过javascript实现的。我这样说，大家能理解吗？最后附上上方那个webpart的部分代码，实现方案要在这其中的javascript部分实现，希望能尽快得到答案<DIV class="CP_Stat2StatusSummary" align="right">
<A id="ASizeLink" href="javascript:ExtendHeight()">
<B>Hide Scroll</B></A><img src="/_layouts/images/ARRDOWNA.gif" style="position:relative; top:5;" />
</DIV>
<script type="text/javascript" type="text/javascript">
    function ExtendHeight() 
    {
    //获得对下方webpart的控制链接，这是一个对下方list的高度伸缩控制    
    var parentControl = document.getElementById('ctl00_m_g_49b69df8_f569_4e38_8f65_8a555e964541_ScrollTable').parentElement;
        if (parentControl.style.height == '100px')
        {
parentControl.style.height = parentControl.scrollHeight + 10;
ASizeLink.firstChild.innerHTML = "View Scroll";
}
else
{
parentControl.style.height = '100px';
ASizeLink.firstChild.innerHTML = "Hide Scroll";
}
    }
</script>