需要知道div的一部分是否可见
我有一个简单的div。 当浏览器（Firefox版本26）窗口缩小时，div的可视区域部分不可见。
我需要找出特定位置（ 例如 div的右侧中间边缘）何时可见。
令我惊讶的是，以下产生了一个空值 - 没有字符串，也没有正弦，没有任何东西。 无法弄清楚原因。 我看到的文档和示例表明，style.clip应该返回一个字符串，其中包含剪裁矩形的元素可见部分的顶部，右侧，底部，左侧值。
例如，即使W3schools.com显示。
这是我的代码。
window.onresize = function(event)
{
console.log("Hi, we're about to get the clip rect for myDiv.");
console.log("myDiv clip rect is: " + document.getElementById('myDiv').style.clip);
}
<div id="myDiv" style="height: 99%; display: inline-block; width: 99%;
background-color: red"></div>
我可以看到div（红色背景）。 但myDiv的style.clip是空的，没有字符串，什么也没有。 我的“！DOCTYPE html”位于页面的顶部。 无法弄清楚，尽管可能很简单。
有任何想法吗？ 顺便说一句：不会在这里使用任何JavaScript库，只是纯粹的自然JavaScript。
问题是，当缩小浏览器窗口的宽度时，即使浏览器窗口的水平滚动条出现，滚动到右侧也会产生一个空白区域，即使有数据存在。 我通过设置div的硬编码宽度解决了这个问题 - 也发现我可以编程的方式增加div的宽度，因为'scrollWidth'增加 - 这两种方法都有效。
链接地址: http://www.djcxy.com/p/83615.html