javascript - 在 gridview 页面上弹出 Div 位置

Question

我有一个 gridview，每个数据行中都有一个链接。当用户单击链接时，会弹出一个 div。 popup 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>

Answer 1

恐怕您的示例不完整:http://jsfiddle.net/6H7Ss/5/embedded/result/屏幕上没有任何显示。

请更新代码以获得更完整的示例:http://jsfiddle.net/6H7Ss/

那我尽量回答