简体   繁体   English

如何找到div的宽度或检查是否出现水平滚动?

[英]How to find the width of the div or check whether horizontal scroll appears or not?

I want to print the page (div) if there is no horizontal scroll appear for that div.如果该 div 没有出现水平滚动,我想打印页面 (div)。 I have a div (1000px) with dynamic data which having property overflow:auto;我有一个带有动态数据的 div (1000px),它有属性overflow:auto; . . So, I want to print the div only if div's width is not getting crossed.所以,只有当 div 的宽度没有被交叉时,我才想打印 div。 to achieve this i used following method of a Javascript为了实现这一点,我使用了以下 Javascript 方法

var curr_width = parseInt(mydiv.style.width); 

But it gives 1000px;但它给出了 1000px; only although I can see horizontal scrollbar for the div.尽管我可以看到 div 的水平滚动条。

What should I do to achieve this?我应该怎么做才能实现这一目标?

Can I check whether horizontal scrollbar is appear for the div or not?我可以检查 div 是否出现水平滚动条吗?

Any help is appreciated.任何帮助表示赞赏。

NOTE: I don't want to use any Javascript library.注意:我不想使用任何 Javascript 库。

scrollWidth , clientWidth did the trick scrollWidthclientWidth做到了

var mydiv = document.getElementById("grid_print");
if (mydiv.scrollWidth > mydiv.clientWidth){
  alert("limit exceeds")
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM