dialog的弹出框随着滚动条自适应坐标
加粗样式最近遇到一个页面非常长,当页面下拉到底部时,dialog弹出一直在页面上方加载,严重影响系统使用。
解决方法:
1.document.documentElement.scrollTop;//获取滚动条高度
2.document.documentElement.scrollLeft;获取滚动条宽度
弹出的dialog 距离top的高度+滚动条的高度,就是显示在当前窗口中间的位置。
$("#id")获取dialog的dom, dialog.getWindow(); 得到window对象
window.setGravity(Gravity.CENTER); 中间位置
window.setGravity(Gravity.BOTTEM); 底部位置
window.setGravity(Gravity.TOP); 顶部位置
* 当参数值包含Gravity.LEFT时,对话框出现在左边,所以params.x就表示相对左边的偏移
* 当参数值包含Gravity.RIGHT时,对话框出现在右边,所以params.x就表示相对右边的偏移
* 当参数值包含Gravity.TOP时,对话框出现在上边,所以params.y就表示相对上边的偏移
* 当参数值包含Gravity.BOTTOM时,对话框出现在下边,所以params.y就表示相对下边的偏移
具体设置如下,偏移多少,获取对象后就设置多少
onStart()
Window window = titleDialog.getWindow();
WindowManager.LayoutParams params = window.getAttributes();
params.x = 10;
params.y = 100;
params.width = 220;
params.height = 200;
window.setAttributes(params);
titleDialog.show();
window.setGravity(Gravity.TOP);
注意:弹出后页面仍然会有滚动效果:如果想去掉滚动,则将页面的滚动条hidden。关闭dialog的时候,则将页面滚动条恢复。
document.body.parentNode.overflowY就是滚动条的属性。hidden是隐藏,'auto’可以恢复。