Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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 jqModal溢出我的页面_Javascript_Jquery_Jqmodal - Fatal编程技术网

Javascript jqModal溢出我的页面

Javascript jqModal溢出我的页面,javascript,jquery,jqmodal,Javascript,Jquery,Jqmodal,我正在使用jqModal创建一个使用ajax的模式窗口,其中包含一个要填写的表单。父窗口仅包含大约半页的数据,因此不包含滚动条。加载模式窗口时,表单溢出页面,底部部分不可见。在需要时创建包含滚动条的模式窗口,或者在父窗口中添加滚动条以便可以上下滚动整个模式,最好的方法是什么?代码如下: Javascript: $(document).ready(function () { $("#AddGameTypeWindow").jqm({ ajax: '/maintenance

我正在使用jqModal创建一个使用ajax的模式窗口,其中包含一个要填写的表单。父窗口仅包含大约半页的数据,因此不包含滚动条。加载模式窗口时,表单溢出页面,底部部分不可见。在需要时创建包含滚动条的模式窗口,或者在父窗口中添加滚动条以便可以上下滚动整个模式,最好的方法是什么?代码如下:

Javascript:

$(document).ready(function () {

    $("#AddGameTypeWindow").jqm({
        ajax: '/maintenance/AddGameType.html',
        modal: true,
        trigger: "#NewGameTypeButton"
    });
});
HTML:


游戏类型

如果你的模态是
试着给它一个固定高度,并在他的样式中添加
溢出:自动
,这样如果模态内容大于你的固定高度,就会出现滚动条。

如果你的模态是
试着给它一个固定高度,并在他的样式中添加
溢出:自动
,这样如果模态是内容大于您的固定高度时,将显示滚动条。

您有两个选项可以执行此操作。您可以使用固定的宽度和高度,并将溢出设置为自动,就像已经建议的那样。如果你正在寻找灵活的宽度,你也可以做它相对于窗口的大小

<script>
  function getWidth(){
    return $(window).width(); 
  }
</script>

你有两个选择来做这件事。您可以使用固定的宽度和高度,并将溢出设置为自动,就像已经建议的那样。如果你正在寻找灵活的宽度,你也可以做它相对于窗口的大小

<script>
  function getWidth(){
    return $(window).width(); 
  }
</script>

你能不能制作一个JSFIDLE或指定更多细节,因为我不知道“/maintenance/AddGameType.html”在哪里…或者准备一个演示页面,可能是css问题。你能不能制作一个JSFIDLE或指定更多细节,因为我不知道“/maintenance/AddGameType.html”在哪里…或者准备一个演示页面,可能是css的问题。效果很好。这正是我所需要的,非常有效。这正是我所需要的。
width: getWidth() * 0.5; // A 50% width