Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript-动态更改绝对位置_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript-动态更改绝对位置

Javascript-动态更改绝对位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个HTML页面,其中有一个div是绝对位置。我正在尝试编写一些Javascript,在生成数据之前,只要有数据,就会动态地向下移动div。我一直在使用.css jquery函数,但它似乎不起作用。关于如何实现这一点有什么想法吗 我有下面的div,它位于我的页面上,下面是样式 <div id="MyControl"> <%Html.RenderPartial("MyControl")%> </div> #MyControlControl {

我有一个HTML页面,其中有一个div是绝对位置。我正在尝试编写一些Javascript,在生成数据之前,只要有数据,就会动态地向下移动div。我一直在使用.css jquery函数,但它似乎不起作用。关于如何实现这一点有什么想法吗

我有下面的div,它位于我的页面上,下面是样式

<div id="MyControl">
     <%Html.RenderPartial("MyControl")%>
 </div>

#MyControlControl  {
    position:absolute;
    text-align:left;
    left:100px;
    top:900px;
}

#霉菌控制{
位置:绝对位置;
文本对齐:左对齐;
左:100px;
顶部:900px;
}

在html的主要部分,我正在用数据库中的记录构建一个动态表。每当添加新行时,我想调用某种Javascript将div向下移动50 px。我已经尝试了javascript(document.getElementByID给我一个对象预期错误)和jquery.css函数。我两个都不能工作

如果您知道要向下移动的单位数,可以使用以下方法实现:

var obj = document.getElementById('<div id>');
obj.style.height = '<new height><units>'; i.e. '15px';
var obj=document.getElementById(“”);
obj.style.height='';i、 e.“15px”;
编辑


直到我发布之后,我才发现您在使用jQuery。假设你有一个有规则的div

div.fixed{
position:absolute;
top:10px;
left:10px;
}
还有一些javascript


您已使用类移动了绝对DIV。固定为距页面顶部20像素。。我们真的需要看一些实际的代码来帮助您更好地解决问题…

使用jQuery抓住这个位置并增加它

var d=$('#mydiv');
//向下移动50像素
d、 css({top:d.position().top+50+'px'});

您能否将50px添加到top属性

var myControl = document.getElementById("MyControl");
var oldTop = parseInt(myControl.style.top);
myControl.top = oldTop +50;

如果您正在处理jquery,请添加jquery标记。如果你在代码方面有问题,请发布代码。你能发布一些代码来展示你到目前为止所做的事情吗?谢谢大家的选择。我发现我做错了什么。事实上,我正在尝试在呈现元素之前定位它。@phrogz很抱歉删除了您的注释(我最初同意您的意见,直到我再次看到Quadwwchs注释)。基本上,他的评论是问题过于本地化的原因。他犯了一个错误,没有上面定义的真正的编程问题。
var myControl = document.getElementById("MyControl");
var oldTop = parseInt(myControl.style.top);
myControl.top = oldTop +50;