如何根据客户端屏幕定位Web用户控件

Question

我正在使用asp和Ajax控件构建一个多列组合框。 它工作得很好。 如何使用javascript根据页面上的客户端屏幕和用户控件位置设置下拉大小和位置。

Answer 1

您需要使用元素的.style.left，style.top等属性以及.scrollHeight元素的document.body。对于尺寸，您将使用.style.height和.style.width。

必须在CSS中使用position:absolute设置元素样式。您可以通过将父项设置为position:relative来确定相对于父项的绝对位置。

然后，Javascript可能如下所示：

yourelement.style.top= document.body.scrollHeight + 100 + 'px';

...将元素的顶边100px放在窗口的滚动高度上。

---

可以使用以下方法控制每个元素的绝对位置和位置：

yourelement.style.top = ...'px';
yourelement.style.bottom = ...'px';
yourelement.style.left = ...'px';
yourelement.style.right = ...'px';

yourelement.style.width = ...'px';
yourelement.style.height = ...'px';

要获得各种高度和宽度，您可以使用document.scrollHeight，document.documentElement.scrollHeight或document.body.scrollHeight（取决于浏览器）。这些也有.scrollWidth。