Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何向下移动模态框_Javascript_Html_Css - Fatal编程技术网

Javascript 如何向下移动模态框

Javascript 如何向下移动模态框,javascript,html,css,Javascript,Html,Css,我试图将模式框本身在屏幕中移动到较低的位置。我看到了很多其他的答案,但都不管用 var modal=document.getElementByIdmyModal; modal.style.display=块; 函数闭合模式{ modal.style.display=无; } .莫代尔{ 显示:无;/*默认情况下隐藏*/ z指数:1;/*位于顶部*/ 顶部衬垫:-600px;/*盒子的位置*/ 左:0; 排名:0; 溢出:自动;/*根据需要启用滚动*/ 背景色:rgb0,0,0;/*回退颜色*/

我试图将模式框本身在屏幕中移动到较低的位置。我看到了很多其他的答案,但都不管用

var modal=document.getElementByIdmyModal; modal.style.display=块; 函数闭合模式{ modal.style.display=无; } .莫代尔{ 显示:无;/*默认情况下隐藏*/ z指数:1;/*位于顶部*/ 顶部衬垫:-600px;/*盒子的位置*/ 左:0; 排名:0; 溢出:自动;/*根据需要启用滚动*/ 背景色:rgb0,0,0;/*回退颜色*/ 背景色:rgba0,0,0,0.4;/*黑色w/不透明度*/ } .模态内容{ 背景色:FEFE; 保证金:自动; 填充:20px; 边框:1px实心888; 宽度:80%; } 机器人是否在单击的位置拾取块? 机器人是否在突出显示的位置交付了块? 对 不 首先,padding top不允许有负值,因此它不会影响模态的位置。阅读更多关于填充的信息

如果要在页面上进一步向下定位模态,请尝试使用position:absolute并在px中设置所需的距顶部的距离:

var modal=document.getElementByIdmyModal; modal.style.display=块; 函数闭合模式{ modal.style.display=无; } .莫代尔{ 显示:无;/*默认情况下隐藏*/ z指数:1;/*位于顶部*/ 左:50px; 顶部:150px; 位置:绝对位置; 溢出:自动;/*根据需要启用滚动*/ 背景色:rgb0,0,0;/*回退颜色*/ 背景色:rgba0,0,0,0.4;/*黑色w/不透明度*/ } .模态内容{ 背景色:FEFE; 保证金:自动; 填充:20px; 边框:1px实心888; 宽度:80%; } 机器人是否在单击的位置拾取块? 机器人是否在突出显示的位置交付了块? 对 不
你应该输入top:50px;史蒂文说了什么。另外,顶部的填充物是这样的,所以它实际上不会做任何事情。我试过了,但它只是把它移到左边而不起作用,这让它很奇怪。