我编写了一个隐藏和切换顶栏 div 的函数:
jQuery(document).ready(function($) {
$.fn.myTopBar = function() {
var sipPosTop = 0;
var topDivHeight = $("#top").outerHeight();
$('#top').css('top' , -topDivHeight+10).show().animate({top: '+=0'}, 2000);
$("#top-toggle").click(function(e) {
e.preventDefault();
$("#top").animate({ top: sipPosTop }, 200, 'linear', function() {
if(sipPosTop == 0) { sipPosTop = -topDivHeight+10; }
else { sipPosTop = 0; }
});
});
};
});
在页面加载时效果很好,但在窗口调整大小时,#top div 高度会发生变化,并且会破坏布局。如何重新计算它并在调整窗口大小时重新运行该函数?我尝试了以下方法:
jQuery(document).ready(function($){
$.fn.myTopBar();
});
jQuery(window).resize(function($){
$.fn.myTopBar();
});
但不起作用。谢谢你的帮助