星期三 阴雨 12～15℃
给高度不够的div加高
有些页面高度比较小，页面上 footer 离 header 会很近，一个个页面调的话麻烦，下面这样可以统一控制。
JS法：
function autoBodyHeight(){
var containHeight = $(".contain").height();
if (containHeight<400) {
$(".contain").height(400);
//页面中如果有用到 position:absolute 的话，在 ie6 下可能会出现莫名其妙的错位，用下面这个
//$(".footer").css({"margin-top":"150px"});
} else {
$(".contain").height("auto");
//对应上面
//$(".footer").css({"margin-top":"0"});
}
}
有些页面情况特殊，会有 ajax 对象，可以在对象显示后调用该函数：
$("#post").show(0, function(){
autoBodyHeight();
});
CSS法（推荐）：
用 css 可以省去以上的麻烦，直接给元素加上 min-height 就可以了：
.contain { *height:400px; min-height:400px; }
*height 加星号是针对 ie（ie 会自动撑高容器，所以不需要 min-height），min-height 是针对其他浏览器。
使用 jquery 的 animate()方法 实现滚动条上下拖动
例如点击显示某个隐藏的 div，此时要让滚动条往下拉一段：
显示：
$("#showBtn").click(function(){
$("html, body").animate({scrollTop:300});
});
隐藏：
$("#showBtn").click(function(){
$("html, body").animate({scrollTop:-300}, function(){
//滚动条上拉后再执行隐藏 div
});
});
参考：animate() 方法
MeYoung
- 处理“待完善”；
- 处理 jquery.pnotify 提示插件
参考：好看易用的jQuery消息提示插件
官方：Pines Notify jQuery Plugin
发表评论