Question

我有一个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>

Answer 1

我担心你的例子不完整：http://jsfiddle.net/6H7Ss/5/embedded/result/屏幕上没有显示任何内容。

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

然后我会尝试回答。

在gridview页面上的Popup Div位置

1 个答案: