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

本文关键字:NET GridView 使用 Javascript Div ASP 顶部 | 更新日期: 2023-09-27 18:01:51

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

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

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

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

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

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

您可能需要设置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;
});