jQuery的粘页脚与动态内容

Question

调整目前我使用的插件这里http://codedumper.com/jquerystickyfooter创建贴纸页脚。

看看http://client.astam.co.uk。它可以像你期望的那样工作。

唯一的问题是，例如，如果一个错误信息出现并且用户点击删除，或切换内容可用，直到窗口被调整大小页脚将从浏览器底部跳起来，然后将其会自行排除。

有没有办法让插件知道要重新定位自己？

Answer 1

更好地使用$ .stickyFooterPos（）作为其他布局转变职能 喜欢改变你的app.js关闭功能的回调

function close(){ 
    $(this).attr('href', 'javascript:void(0)'); 
    $(this).parent().fadeOut(200,function(){$.stickyFooterPos()}); 
} 

PS：因为其他人则建议，位置是：固定是一个更为更好的选择考虑到IE6用户数量正在下降的事实......（见http://www.w3schools.com/browsers/browsers_explorer.asp也http://www.w3schools.com/browsers/browsers_stats.asp）

Answer 2

你支持IE6？如果没有，那么你可以简单的页脚位置的“位置是：固定”的，而不是使用jQuery插件。除此之外，JQ插件仅在窗口加载时定位div，调整大小并滚动。下面的代码添加了警报关闭按钮将工作 -

$('#alert .close').click(
     function() { 
     $.stickyFooterPos(); 
     } 
    ); 

只需添加到您的js文件，并点击关闭按钮时的定位会工作。

编辑 - 如果你正在使用淡出（）关闭按钮上面的代码可能无法正常工作。相反，你可以关闭按钮更改代码 -

$(this).attr('href', 'javascript:void(0)'); 
$(this).parent().fadeOut(200, function(){$.stickyFooterPos()}); 
$.stickyFooterPos();