在ASP的顶部放置Div.. NET GridView使用Javascript

Placing a Div on top of ASP.NET GridView using Javascript

本文关键字：NET GridView 使用 Javascript Div ASP 顶部      更新时间：2023-09-26

我目前正在做一个ASP.net c#项目。我试图移动一个div容器被放置在一个ASP网格视图的顶部。

如果我在样式表中设置top: 100px;它把div放到我想要的网格视图的顶部。然而，这个位置需要使用Javascript来完成。我使用下面的代码来定位div。

var obj = document.getElementById("software_" + id);
obj.style.top = "80px";

如果我使用以下代码，它不会将div放在样式表放置它的相同位置，它会跳到网格视图的下面，就好像在java脚本中它试图避免容器重叠。

我怎样才能解决这个问题，以便Javascript可以像样式表一样将div放在顶部。

您可能需要设置z-index: http://www.w3schools.com/cssref/pr_pos_z-index.asp

和位置到绝对:http://www.w3schools.com/cssref/pr_class_position.asp

最终找到了答案，这与其他div的定位有关，所以我必须按顺序获得鼠标位置减去这么多像素。下面是我用来做定位的Javascript。

$(objs).mousemove(function (e) {
        //alert('X: ' + e.pageX + ' Y: ' + e.pageY + ' ID: ' + id);
        var x = e.pageX;
        var y = e.pageY;
        var posX = x - 180 + "px";
        var posY = y - 150 + "px";
        document.getElementById("software_" + id).style.top = posY;
        document.getElementById("software_" + id).style.left = posX;
        posX = 0;
        posY = 0;
});
相关文章：