javascript - 如何根据客户端屏幕定位 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。