弹出窗口中的滚动条:默认情况下没有水平滚动条,但在内容很大时启用滚动条

时间:2016-10-25 10:45:16

标签: javascript html popup

我有一个名为Search Popup的弹出窗口。 我明白,要使用滚动条启用弹出窗口,我们可以通过scrollbar = yes来实现。 但是弹出后提交功能后,默认情况下,我的弹出窗口内容不大 它会在弹出窗口中抛出数据。所以那个时候我需要弹出滚动。

我的问题是如何在内容较大时启用滚动条,并在内容适合弹出窗口时禁用滚动条?你能帮我解决这个问题。

<!DOCTYPE html>
<html>
<body>

<p>Click the button to open a new browser window.</p>

<button onclick="myFunction()">With Maximize</button>

<script>

function myFunction() {
   var leftCornerX = screen.width/2 - 820/2;
var leftCornerY = screen.height/2 - 480/2;
    window.open("Search Popup","Sample Popup","scrollbars=yes,status=no,resizable=no,width=820,height=480,left= "+leftCornerX +",top="+leftCornerY);
}
</script>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

使用

overflow:auto;

在你的CSS中