javascript如何获得div去掉滚动条部分的高和宽

javascript如何获得div去掉滚动条部分的高和宽,第1张

<DIV ID=oDiv STYLE="overflow:scroll; width:200; height:100"> </DIV>

<BUTTON onclick="alert(oDivclientHeight)">client height</BUTTON>

<BUTTON onclick="alert(oDivoffsetHeight)">offset heightY</BUTTON>

这段代码你应该看得懂,这里你要搞清楚四个属性

clientHeight:获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。

clientWidth:获取对象的宽度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。

offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。

详细的属性请参阅Dhtml手册

参考核心代码:<DIV style="PADDING-RIGHT:10px;OVERFLOW-Y:auto;PADDING-LEFT:10px;SCROLLBAR-FACE-COLOR:#ffffff;FONT-SIZE:11pt;PADDING-BOTTOM:0px;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;OVERFLOW:auto;WIDTH:510px;SCROLLBAR-SHADOW-COLOR:#919192;COLOR:blue;SCROLLBAR-3DLIGHT-COLOR:#ffffff;LINE-HEIGHT:100%;SCROLLBAR-ARROW-COLOR:#919192;PADDING-TOP:0px;SCROLLBAR-TRACK-COLOR:#ffffff;FONT-FAMILY:宋体;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;LETTER-SPACING:1pt;HEIGHT:200px;TEXT-ALIGN:left"> 滚动条相关颜色属性: face-color:滑块颜色 hightlight-color:高亮颜色 3dlight-color:三维光线颜色 darkshadow-color:暗影颜色 shadow-color:阴影颜色 arrow-color:箭头颜色 tack-color:滑道颜色 滚动条属性: overflow:auto为自动,yes为有,no为无 overflow-x:横向滚动条 overflow-y:纵向滚动条

<div id="mess_box" style=" height:400px width:400px;WIDTH: 97%;OVERFLOW-X:auto;OVERFLOW:scroll"></div>

改成

<div id="mess_box" style=" height:400px width:400px;OVERFLOW-y:auto;"></div>

绝对不能用百分比去定义宽高值

上下滚动的滚动条是overflow-y,不是overflow-x

如果你是想左右滚动,那么overflow-y应该定义为hidden这样数据就不会往下了

你的意思是 在同一个页面 点击一个东西 页面会自动滚动到相应区域是吧?

这个不用JS也可以。

最简单的办法 就是加锚记

比如你要页面d到ID=“text”这里来

写个<a href="#text"></a>就OK了

以上就是关于javascript如何获得div去掉滚动条部分的高和宽全部的内容,包括:javascript如何获得div去掉滚动条部分的高和宽、[转载]div怎么显示滚动条,div滚动条、div 滚动条等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9453821.html

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

发表评论

登录后才能评论

评论列表(0条)

保存