html - 禁用弹出窗口上的滚动条

标签 html css

我正在尝试使用下面的按钮打开弹出窗口。

<form>
<button onClick="OpenPopupCenter('test.php','Name',700,500)">Test Button</button>
</form>

函数“OpenPopupCenter”是一个为弹出窗口居中而创建的脚本。见下文。

<script language="javascript" type="text/javascript">
        function OpenPopupCenter(pageURL, title, w, h) {
            var left = (screen.width - w) / 2;
            var top = (screen.height - h) / 4;  // for 25% - devide by 4  |  for 33% - devide by 3
            var targetWin = window.open(pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
        } 
    </script>   

当弹出窗口打开时,我想禁用滚动功能吗?

最佳答案

尝试将其添加到 test.php 文件中。

body {
    overflow-x: hidden;
    overflow-y: hidden;
}

关于html - 禁用弹出窗口上的滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55612739/

相关文章:

html - 在相对定位的 div 中绝对定位图像

html - 你如何在 webkit 中反转 css 关键帧动画?

html - CSS layout clear 既影响流程

javascript - 动态水平滚动

javascript - 尝试传单教程我得到一张破损的 map

html - 在child-div中设置parents div padding的背景色

html - 分区旋转不起作用

jquery - CSS 缓入缓出不适用于最大高度 0 和最大高度自动

html - 向左浮动的 div 右侧的填充

javascript - Grammarly 如何知道红色下划线的位置?