2020-12-12

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’可以恢复。