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