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