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

Question

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

Answer 1

您需要使用元素的.style.left、style.top等属性，以及.scrollHeight元素的document.body。对于大小，您将使用.style.heightand .style.width。

元素必须position:absolute在您的 CSS 中设置样式。您可以通过将父级样式设置为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。