Javascript 使用动态内容调整的Jquery粘性页脚
我目前正在使用这里的插件创建一个贴纸页脚 看一看。正如你所期望的那样 唯一的问题是,例如,如果出现错误消息,用户单击以删除,或者切换的内容可用,则页脚将从浏览器底部跳起,直到调整窗口大小,然后它将自行排序Javascript 使用动态内容调整的Jquery粘性页脚,javascript,jquery,jquery-plugins,footer,sticky-footer,Javascript,Jquery,Jquery Plugins,Footer,Sticky Footer,我目前正在使用这里的插件创建一个贴纸页脚 看一看。正如你所期望的那样 唯一的问题是,例如,如果出现错误消息,用户单击以删除,或者切换的内容可用,则页脚将从浏览器底部跳起,直到调整窗口大小,然后它将自行排序 有没有办法让插件知道如何重新定位自己?您是否支持IE6?如果没有,那么您可以简单地将页脚定位为“position:fixed”,而不是使用jQuery插件。除此之外,JQ插件仅在窗口加载、调整大小和滚动时定位div。为警报关闭按钮添加的以下代码将起作用- $('#alert .clos
有没有办法让插件知道如何重新定位自己?您是否支持IE6?如果没有,那么您可以简单地将页脚定位为“position:fixed”,而不是使用jQuery插件。除此之外,JQ插件仅在窗口加载、调整大小和滚动时定位div。为警报关闭按钮添加的以下代码将起作用-
$('#alert .close').click(
function() {
$.stickyFooterPos();
}
);
只需将其添加到js文件中,当单击close按钮时,定位就会起作用
编辑-如果将淡出()用于关闭按钮,则前面的代码可能不起作用。相反,您可以将关闭按钮的代码更改为-
$(this).attr('href', 'javascript:void(0)');
$(this).parent().fadeOut(200, function(){$.stickyFooterPos()});
$.stickyFooterPos();
最好使用$.stickyFooterPos()作为其他布局更改函数的回调函数 比如将app.js中的close函数更改为
function close(){
$(this).attr('href', 'javascript:void(0)');
$(this).parent().fadeOut(200,function(){$.stickyFooterPos()});
}
附言:正如其他人所建议的,考虑到IE6用户数量正在下降,定位:固定是一个更好的选择。。。(请参见和)为什么不使用div样式的
位置:fixed;底部:0;宽度:100%代码>并放置边距:0自动代码>其中的div?除非您试图弥补IE6s定位错误,否则javascript还有什么必要?感谢您的回复,现在想想,在css中使用位置固定方法可能更好,而不要使用jquery。我想我会沿着这条路走下去。谢谢你的回复,现在考虑一下,最好使用css中的position fixed,而忘记使用jquery。我想我会沿着这条路走下去。谢谢你的回复,现在考虑一下,最好使用css中的position fixed,而忘记使用jquery。我想我会走这条路。