Question

我目前正在使用此插件http://codedumper.com/jquerystickyfooter创建贴纸页脚。

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

唯一的问题是，例如，如果出现错误消息并且用户单击以删除或切换内容可用，则页脚将从浏览器底部跳起，直到窗口调整大小然后它将把自己排除在外。

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

Answer 1

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

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

只需将其添加到您的js文件中，单击关闭按钮时定位将起作用。

编辑 - 如果您使用fadeOut（）作为关闭按钮，则上一代码可能无效。相反，您可以将关闭按钮的代码更改为 -

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

Answer 2

最好使用$ .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）