Div使用jquery从页面顶部滑到中间
div slid down from top of page to center using jquery
我需要将一个div从页面顶部滑到中间。我试过(请检查代码),但它是从按钮向下滑动。我需要的是,当我点击按钮时,一个div从页面顶部滑到中间。当我点击关闭按钮时,它应该关闭div.请给我一些建议或参考链接。
<div id="divtbl" >
<table style="width:100%">
<tr>
<td>
Table Names
</td>
</tr>
<tr>
<td>
Table Names 1
</td>
</tr>
<tr>
<td>
<input type="button" value="Add New Feild" onclick="addnewrow()" />
</td>
</tr>
</table>
</div>
<div id="divpopup" style="display:none;" class="pop">
<table style="width:100%">
<tr>
<td>
display Names
</td>
</tr>
<tr>
<td>
display Names 1
</td>
</tr>
<tr>
<td>
display Names 2
</td>
</tr>
</table>
</div>
<style type="text/css">
.pop
{
font-size:12px;
top:0px;
position:absolute;
}
</style>
<script type="text/javascript">
function addnewrow() {
try
{
$("#divpopup").slideToggle("slow");
}
catch (e) {
alert(e.message);
}
}
</script>
尝试将您的弹出式div放置在页面中心-
.pop
{
font-size:12px;
top:40%;
left:40%;
position:absolute;
}
相关文章:
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- jQuery粘性插件可变顶部间距
- 使用jQuery更改元素的顶部位置
- 背景图像顶部的滚动图像不移动
- 滚动然后捕捉到顶部而不是取消捕捉
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何在离子框架+有角度的框架中制作顶部标签
- 计算“;“左”;以及“;顶部“;来自固定位置浮动元素的值
- 如何在引导程序元素的顶部添加掩码
- 什么'在Express中路由时,应用程序级中间件和路由器级中间件之间的区别是什么
- 滚动到Rails 4应用程序中的顶部jQuery
- jQuery-将元素滚动到屏幕中间,而不是使用锚链接滚动到顶部
- 如何将锚定在(外部)页面的中间而不是顶部
- Div使用jquery从页面顶部滑到中间
- 对于移动浏览器,当文本字段处于焦点中时,我如何“推送”?将文本字段移至页面顶部,而不是默认的中间位置
- 用jQuery从中间到顶部动画多个元素
- 我能让视差滑动停止在页面的中间而不是顶部吗?
- javascript排序,将中间项放在顶部
- 将导航栏粘贴到页面顶部后,它从中间到最左侧