如何解决jQuery动画帮助
好的,所以我想在此网站顶部复制此动画: http://www.infinvision.com/insights-and-musings.html 我有动画在工作,容器div正确地动画到了屏幕的顶部。但是,在我的版本中,div内的内容仅停留在该位置,而封闭的div围绕它关闭。在网站中,我正在复制的内容似乎随着div结束而上升。我试图将div位置值设置为绝对值,并尝试将top属性设置为零,但是这不起作用。有什么建议么????? 谢谢, 丹尼尔 编辑:我正在使用的HTML代码:<div id=\"toplogin\">
<div class=\"container\">
<div id=\"toploginWrap\">
<div id=\"topLwrap\"> MORE STUFF HERE </div>
<div id=\"topRwrap\">
<h3><span>LOGIN</span>
</h3>
<form id=\"topLoginFm\" action=\"\" method=\"POST\">
MORE STUFF HERE
</form>
</div>
</div>
</div>
</div>
我正在使用的JAVASCRIPT代码:
window.onload = function(){
$(\'#loginButton\').click(function() {
$(\'#toplogin\' ).animate({
padding: 0,margin:0,height: \'toggle\'
},1000,function() {
});
});
};
</script>
解决方法
要使内容随着关闭的div向上移动,请参见http://jsfiddle.net/g_thom/CPHxq/2/。
固定div位置将使其在内容上移时保持在原位。
, 请参考此http://jsfiddle.net/79qvv/1/
我所做的唯一更改是未使用window.OnLoad ...相反,一旦dom准备就绪,我将绑定单击处理程序。您通常会按照以下步骤进行操作
<script type=\"text/javascript\">
$(function() {
//your custom code here ...
});
</script>
小提琴中的其余代码正是您发布的内容...希望对您有所帮助...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。