Posted: Nov 15, 2023 7:00:44 pm
|
|
Administrator Programming King
Posts: 70
Registered:
2013-12-25
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script src="https://crossui.com/libs/3.0/js/xui-all.js"></script>
</head>
<body>
<div style=" background-color:#0a6aa1; height: 500px;"></div>
<div style=" background-color:#0b2e13; height: 500px;"></div>
<div style=" background-color:#0a6aa1; height: 500px;"></div>
<div style=" background-color:#0b2e13; height: 500px;"></div>
<div style=" background-color: #1da1f2; height: 100px;">
<button type="button" onclick="a()">aaaaaaa</button>
<button type="button" onclick="b()">bbbbb</button>
<button type="button" onclick="c()">cccccc</button>
<button type="button" onclick="c()">ddddd</button>
</div>
<div id="aaa" style=" background-color: #3f9532; height: 500px;">
1.I need the pop-up window to show above this position<br>
2.The scroll bar of the page remains unchanged when the pop-up window is closed<br>
</div>
</body>
<script>
function a() {
xui.echo("abc");
}
function b() {
var dlg = (new xui.UI.Dialog).show(null, false, 100, 100);
(new xui.UI.Dialog).show(dlg.reBoxing(), true, 100, 100);
}
function c() {
var dlg = (new xui.UI.Dialog).show();
}
function d() {
var dlg = (new xui.UI.Dialog).show(xui("aaa"));
}
</script>
</html>
|