关于javascript:判断元素是否有滚动条

57次阅读

共计 671 个字符,预计需要花费 2 分钟才能阅读完成。

因为呈现滚动条便意味着元素空间将大于其内容显示区域,依据这个景象便能够失去判断是否呈现滚动条的规定


判断竖向滚动条
el.scrollHeight > el.clientHeight
scrollHeight

 指的是元素的内容高度,即如果有滚动条,它的值会等于内容理论的高度加 padding 值(并不蕴含 bordermargin 值),在没有内容溢出的状况下它的值等于 clientHeight

clientHeight

 指的是元素的外部高度的 px 值,包含 contentpadding 值之和,并不包含横向滚动条(horizontal scrollbar)、bordermargin 的值 

故如果每个元素的 scrollHeight > clientHeight,则能够阐明其呈现了竖向滚动条


判断横向滚动条
el.scrollWidth > el.clientWidth
scrollWidth

 指的是元素的内容宽度,即如果有滚动条,它的值会等于内容理论的宽度加 padding 值(并不蕴含 bordermargin 值),在没有内容溢出的状况下它的值等于 clientWidth

clientWidth

 指的是元素的外部宽度的 px 值,包含 contentpadding 值之和,并不包含横向滚动条(horizontal scrollbar)、bordermargin 的值 

故如果每个元素的 scrollWidth > clientWidth,则能够阐明其呈现了横向滚动条

原文:https://blog.csdn.net/weixin_33834075/article/details/89454147

正文完
 0