在jquery中如何为一个div添加滚动条

在jquery中如何为一个div添加滚动条,第1张

设置div的style

<div

style="overflow:scroll"

/>总是显示纵向横向滚动条

<div

style="overflow-x:scroll

/>总是显示横向滚动条

<div

style="overflow-y:scroll

/>总是显示纵向滚动条

<div

style="overflow-x:auto"

/>超出宽度后显示横向滚动条

div 加滚动条的两种方法:

一、

<div style=" overflow:scrollwidth:400pxheight:400px”></div>

记住宽和高一定要设置噢,否则不成的

不过在不超出时,会有下面的滚动条,所以不是最好的选择

二、

<div style=" overflow-y:autooverflow-x:autowidth:400pxheight:400px”></div>

记住宽和高一定要设置噢,否则不成的

这样比较好的是,在宽和高不超出时,只是一条线

三、说明

直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:

<div style="position:absoluteheight:400pxoverflow:auto">

</div>

如果要出现水平滚动条,则: overflow-x:auto

同理,垂直滚动条为: overflow-y:auto

如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11965422.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存