jquery怎么设置div的最大高度,然后如果超过了做大高度就显示滚动条

作者&投稿:潮耿 (若有异议请与网页底部的电邮联系)
div小于一定高度自适应大于变滚动条~

样式代码如:
.mydiv {
border:1px solid #ccc;//为了测试用
max-height:300px; //最大高度,在ie7等浏览器有效
height:expression(width>300?"300px":height+"px"); //在ie6有效
overflow-y:auto; //滚动条自动,小于300没有滚动条,大于300出现滚动条
}

#test{ height: 140px; width:300px; background-color: pink; }if($('#test').height()>=165){ $('input').css('display','none');} else { $('input').css('display','block');} $('input').click(function(){ $('#test').slideToggle(300,function(){ if($('#test').css('display') == 'block'){ $('input').val('收起'); }else { $('input').val('展开'); } }); });

让所有浏览器包括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

<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>

不必用jquery就能解决问题,或者你没把问题描述清楚
div{
width:100px;
height:100px;
max-height:100px;
overflow-y:scrooll;
}

判断 高度 大于 最大高度的时候 添加css属性 overflow:scroll

<div style="height:50px;overflow-y:scroll">


不显示图例怎么设置
三、内置的PowerQuery 在Excel 2016版已经内置了PowerQuery。Power Query可以新建查询下拉菜单,另外还有联机查询、显示查询、最近的源三个主要功能。四、新增的预测功能 数据选项卡中新增了预测功能,同时也新增了几个预测函数。五、改进透视表的功能 透视表字段列表现在支持搜索功能了,如果数据源字段数量...

三星笔记本怎么设置u盘启动?
三星笔记本设置u盘启动步骤:首先我们把已经用U启动U盘装系统工具制作好启动盘的U盘插入笔记本USB插口处,然后开启电脑,由于三星NC10启动的时候换屏速度太快,所以在开机画面出现的时候我们马上连续按F2键,进入BIOS设置主界面。如下图所示;我们按左右“←→”方向键移动选择到“BOOT”菜单,如下图所示;...

搜狗输入法win10怎么设置候选词
原因分析:出现这个问题的原因可能是因为unicode编码转换问题,一般出现这个问题的电脑上可能安装了美式Query键盘,在语言选项中删除“美式键盘”就可以解决问题了。解决方法:1、首先我们点击“开始菜单”,再点击“设置”按钮 2、在Windows设置界面中,点击“时间和语言&...

pcb线宽设置,怎么设?
设置线宽度,也就是布线的宽度,Routing-Width。这里有推荐,最大,最小都设置好就行了。推荐就是默认的,然后每次我们画线临时改的宽度都要在这个最大最小的范围之内。设置线间距规则,Electrical-Clearence_All设置如下,是布线时所有的线间距以及线与焊盘的间距的规则。注意这个的FullQuery为InPoly说明...

sql server 2005 query中,如何设置显示代码的行数?
工具-选项-文本编辑器-所有语言-常规-显示行号

django超链接怎么设置(2023年最新整理)
导读:很多朋友问到关于django超链接怎么设置的相关问题,本文首席CTO笔记就来为大家做个详细解答,供大家参考,希望对大家有所帮助!一起来看看吧!如何创建一个Django网站 本文演示如何创建一个简单的django网站,使用的django版本为1.7。 1.创建项目 运行下面命令就可以创建一个django项目,项目名称叫mysite: $django-admin...

PowerQuery“加载”命令详解
但是如果每次都要选择一下加载的位置和方式,就太麻烦了。所以Microsoft提供了很人性化的设置选项——一旦设置成功,终生不再发愁。我们需要到PowerQuery的设置页面来操作。(Excel2016中的路径是:数据-新建查询-查询选项),如【图2】:点击“查询选项”,进入设置页面【图3】:红框处,如果选择“指定自...

css中如何设置导航条的方法总结
4.CSS3+Js实现响应式导航条 今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media Query。具体可以查看浅谈响应式布局这篇文章,这里就不花费大量的篇幅介绍了,主要看一下这个导航条该怎么做。5.我的导航条下拉菜单有...

loadrunner怎么参数化设置
3、选择已经参数化的内容,右键选择“Parameter properties”,进行参数化属性设置 4、选择“Edit with Notepad”,直接在文本里添加需要参数化的内容,最后保留一行空行,添加完成之后保存即可。方法2:应用excle文件参数化 1、选择“Data Wizard ”,弹出信息点击“确定”“Query definition”里选择“Specify ...

powerquery查询设定怎么出来
编辑器设置中,查询选项窗口。查询选项窗口调出后,输入想查询的设定即可。PowerQuery在Excel中通过简化数据发现,访问和合作的操作,从而增强了商业智能自助服务体验。

道里区18952566359: 用jquery怎么设置div的高度 -
泣莘诺欣: $(selector).height(高度)$(selector).css('height', 高度)

道里区18952566359: jquery怎么设置div的最大高度,然后如果超过了做大高度就显示滚动条 -
泣莘诺欣: 让所有浏览器包括IE6即支持最大高度又支持最小高度..yangshi{Max-Height:620px;Min-Height:40px;_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));} IE6支持Max-Height和支持Min-Height ...

道里区18952566359: 如何用jquery改变div高度 -
泣莘诺欣: JQ中height() 方法返回或设置匹配元素的高度.$("div").height(300);//直接设置元素的高$("div").css("height", "300px");//通过设置CSS属性来设置元素的高 Jquery是一个优秀的Javascript库,还兼容各种浏览器.jQuery使用户能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX交互.

道里区18952566359: jquery怎么增加div高度的代码? -
泣莘诺欣: 获取div的高度DEMO,主要代码:123 varh = parseInt($('div').height()); h += 20;$('div').height(h); PS:当然还可以用animate()方法

道里区18952566359: jquery怎么设置div的高度 -
泣莘诺欣: 获取到div 然后设置style("height",100)

道里区18952566359: 如何用jquery动态改变div的高度 -
泣莘诺欣: 如果只是想要效果,可以用slideup()和slidedown() 真要改变高度的话,用css()函数,设置属性height的值

道里区18952566359: jquery 实现窗口的最大化不论什么情况 -
泣莘诺欣: 复制代码 代码如下: $(function(){ if (window.screen) { var myw = screen.availWidth; var myh = screen.availHeight; window.moveTo(0, 0); window.resizeTo(myw, myh);}}); 再加上jquery的一些操作,这样就可以实现浏览器窗口的最大化. 以...

道里区18952566359: JQuery中何如更改div的高度; 为什么$("#xiazai").css('height','180');不行? -
泣莘诺欣: 改为下面的其中一种试试:$("#xiazai").css('height',180);$("#xiazai").css('height','180px');

道里区18952566359: 用JQuery改变div高度的问题
泣莘诺欣: 设置top属性的值就可以了

道里区18952566359: 关于jquery tabs的tab div的高度如何设置? -
泣莘诺欣: 设置div的style的height属性啊

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网