jquery怎么设置div的最大高度,然后如果超过了做大高度就显示滚动条 5
6个回答
展开全部
让所有浏览器包括IE6即支持最大高度又支持最小高度。
.yangshi{Max-Height:620px;Min-Height:40px;_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));}
IE6支持Max-Height和支持Min-Height CSS代码
_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));
说明:以上代码作用是让对象的最小高度为40px,最大高度为620px的CSS样式属性
记得给div设置 overflow:auto
.yangshi{Max-Height:620px;Min-Height:40px;_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));}
IE6支持Max-Height和支持Min-Height CSS代码
_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));
说明:以上代码作用是让对象的最小高度为40px,最大高度为620px的CSS样式属性
记得给div设置 overflow:auto
展开全部
<div style="max-height:500px;overflow:auto"></div>
max-height是最大高度,除了ie6不支持,需要使用js外,其他ie7+,ff,chrome都支持,符合你的要求
也可以用纯js
<div id="test" style="overflow:auto"></div>
<script>
var 最大高度 = 300;
function a(){
if($('#test')[0].offsetHeight > 最大高度) $('#test').height(最大高度);
}//你怎么调用a()就看你的了
</script>
max-height是最大高度,除了ie6不支持,需要使用js外,其他ie7+,ff,chrome都支持,符合你的要求
也可以用纯js
<div id="test" style="overflow:auto"></div>
<script>
var 最大高度 = 300;
function a(){
if($('#test')[0].offsetHeight > 最大高度) $('#test').height(最大高度);
}//你怎么调用a()就看你的了
</script>
更多追问追答
追问
不行啊 alert出来为0
$.post("knowledgeManageAction!showSonKnowledge.action",{p:pkId},function(data){
var newDiv = $("").attr("id","sonP").css("overflow","auto");
newDiv.html(data);
alert(newDiv[0].offsetHeight);
if(newDiv[0].offsetHeight>200){
newDiv.height(200);
}
updateCallback(newDiv);
},"text");
追答
我这边测试没问题唉
可能是你的newDiv的问题?
你可以试试alerty($('其他元素')[0].offsetHeight)看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不必用jquery就能解决问题,或者你没把问题描述清楚
div{
width:100px;
height:100px;
max-height:100px;
overflow-y:scrooll;
}
div{
width:100px;
height:100px;
max-height:100px;
overflow-y:scrooll;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
判断 高度 大于 最大高度的时候 添加css属性 overflow:scroll
追问
我试过那个方法,当我不给div高度的时候,他的高度alert出来就是0,所以就无法判断啊
$.post("knowledgeManageAction!showSonKnowledge.action",{p:pkId},function(data){
var newDiv = $("").attr("id","sonP").css("overflow","auto").css("height","auto");
newDiv.html(data);
alert(newDiv.height());
if(newDiv.height()>20){ newDiv.height(20);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div style="height:50px;overflow-y:scroll">
追问
是不给定高度
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询