scrollwidth之间的差异,clientwidth和offsetwidth

scrollwidth之间的差异,clientwidth和offsetwidth
通过演示测试这三个属性之间的差异。

解释uff1a

ScrollWidth:这个对象的实际内容的宽度,没有宽度的线,将成为更大的对象的内容超过了可视面积。

ClientWidth:对对象内容的视觉区域的宽度,没有封装的滚动条,将在对象的显示大小的变化而变化。

offsetwidth:对象的实际宽度作为一个整体包装的滚动条的轮廓将在对象的显示大小的变化而变化。

演示把一个textarea元素在页面上,而显示的默认宽度。

案例1:

当滚动不可用或不可用时,该元素在视觉区域之外没有内容或内容。

scrollwidth = clientwidth,两者都是内容的可视区域的宽度。

offsetwidth是元素的实际宽度。
案例2:

元素的内容超出了可视区域,滚动条出现并可用。

scrollwidth > clientwidth。

scrollwidth是实际内容的宽度。

clientwidth是内容的可视区域的宽度。

offsetwidth是元素的实际宽度。
结束

以上是scrollwidth之间差异的全部内容,clientwidth和offsetwidth,希望对你有帮助。

tag:差异电脑软件scrollwidthoffsetwidthclientwidth

相关内容