如何根据客户端屏幕定位web用户控件
How to position web user control according to client screen
我正在使用asp和Ajax控件构建一个多列组合框。它非常好用。如何使用javascript根据客户端屏幕和用户控制在页面上的位置设置下拉列表的大小和位置。
您需要使用元素的.style.left
、style.top
等属性,以及document.body
元素的.scrollHeight
。对于尺寸,您将使用.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
。
相关文章:
- 正确传输和保护用户'web应用程序的密码
- Web用户控件中Javascript的ReferenceError
- 如何获取运行我的 Web 应用程序的用户的 Windows 登录用户名
- 获取 Spotify 用户 [Web API] 当前播放的曲目名称
- 在设置用户后,从 JavaScript JSON 请求中获取 Web 服务 (asmx) ASP.NET Windows
- 谷歌'soa架构-为谷歌聚合内容'的web用户界面
- 请帮助我理解 .ascx Web 用户控件中的此脚本
- 在ASP.NET Web用户控件中生成客户端自定义事件
- 在javascript更新后,从web用户控件获取codebehind中的asp:TextBox文本属性
- 如何根据客户端屏幕定位web用户控件
- 如何在多实例web用户控件上执行javascript页面加载事件
- 如何获得web用户控制'的文本框值
- 保存web用户在数据库上的点击信息
- 如何用ASP.NET向web用户显示本地化的日期和时间信息
- web用户控件的getElementByID()不工作
- 点击任何链接,web用户控件加载而不返回
- 如何强制web用户在执行保密协议前阅读并检查保密协议?
- 我们可以使用javascript访问asp.net的web用户控件'子控件吗?
- 获取web用户's时区作为字符串
- 如何在Web用户控件中调用javascript函数