Javascript 在gridview中的页面上弹出Div位置

我有一个gridview，每个数据行中都有一个链接。当用户单击链接时，会出现一个弹出div。弹出div位于页面上的某个位置，但是如果gridview中有很多行，用户在向下滚动到页面底部后单击链接，div会在页面顶部弹出，将页面移回顶部

我希望div在页面上相对于他们单击的链接的位置进行定位。因此，如果他们向下滚动并单击gridview链接，div就会弹出。如果链接位于gridview顶部，则会在顶部弹出

这是我的密码：

<script type="text/javascript">
        function CopyRecords() {            
            document.all.CopyItemsDiv.style.display = 'block';
            document.getElementById("outerdiv2").style.display = 'block';                
        }
        function closeFrame2() {
            document.getElementById("outerdiv2").style.display = 'none';               
            location.replace('default.aspx');
        }    
    </script>

<div id="outerdiv2" style="position: absolute; top: 30px; left: 550px; filter: alpha(opacity=85); z-index: 1001; display: none; background-color: white; border: .125em solid #736F6E;">
    <div style="text-align: right; padding: .25em .5em; font-size: 1.25em; border: outset 2px gray; margin-bottom: 4px; background-color: #cccccc;">
    <span style="float: left; font-size: medium;">Import Budget</span>
            <b><a href="javascript:closeFrame2();" style="cursor: pointer; color: Black;" title="close window">&#120;</a></b></div>
                <div  id="CopyItemsDiv" style="height: 150px; width: 300px; border: none; margin-left: 15px;" >

                    Div Contents... 
                </div>               
    </div>

函数CopyRecords（）{
document.all.CopyItemsDiv.style.display='block'；
document.getElementById（“outerdiv2”）.style.display='block'；
}
函数closeFrame2（）{
document.getElementById（“outerdiv2”）.style.display='none'；
location.replace（'default.aspx'）；
}    
进口预算
Div目录。。。

恐怕您的示例不完整：屏幕上没有显示任何内容

请更新代码以获得更完整的示例：

---

那我就试着回答。

我不确定我是否理解。它在我的网站上运行良好。Div是不可见的，当我点击按钮时，javascript会将其设置为可见或“阻塞”，这样您就不会提供帮助，因为它在JSFIDLE上不起作用了？还有别的办法解决这个问题吗？javascript在我的网站上运行得很好，但在JSFIDLE上却不行。对不起，我并不是不帮忙。我好像不清楚这个问题我的问题是，我看不到beahviour是如何描述它的，所以我无法想象你在追求什么——因为你的代码是特定于ASP的，而不是通用的HTML/JavaScrip/CSS。