我有一个简单的问题,但我不知道如何解决它。
基本上我有一些隐藏的内容,一旦展开,需要 99px 的高度。折叠时,持有它的元素section#newsletter
的高度设置为 65px。
现场示例:http ://dev.supply.net.nz/asap-finance-static/
在单击时a#signup_form
使用section#newsletter
以下 jQuery 扩展为 99px:
$('#newsletter_form').hide(); // hide the initial form fields
$('#form_signup').click(function(event) {
event.preventDefault(); // stop click
// animate
$('section#newsletter').animate({height: 99}, 400, function() {
$('#newsletter_form').show(300);
})
});
所有这一切都很好,除了这个元素位于一个粘性页脚中,因此它的初始高度用于定位它。
动画这个元素的高度会导致浏览器上的滚动条,因为添加的 34px 被添加到元素的底部,所以我的问题:
如何将这些 34px 添加到元素的顶部,以便高度向上扩展到主体而不是向下?
感谢您的阅读,期待您的帮助和建议。
詹尼斯