如何在不使用滚动条的情况下将html页面放入弹出窗口(对话框）

How to fit html page in pop up window (dialogue box) without using scrollbar?

本文关键字：窗口 对话框 html 滚动条 情况下      更新时间：2023-09-26

我是JS/Html世界的新手，试图在弹出/对话框窗口中点击Html中的一些文本加载Html页面，但加载的页面比弹出窗口大，所以有滚动条。

Javascript/Jquery代码

$(document).ready(function(){
 $('.showModal2').click(function(){
      $('#popup2').dialog({width: 450,height: 450});
  });
});  
$(function(){
    $("#data").load("frontend/js/page.html"); 
});

Html代码

<div id="popup2" title="Results" style="display:none;">          
     <div id="data" style="min-width: 200; height: 400; max-width:   400; margin: 0 auto"></div>
</div>  
<a HREF="javascript::void()" class="showModal2"><font color="blue">Link</font></a>

有没有任何方法可以在弹出/对话框窗口大小（这里l=450和b=450）内完全适应页面，而不使用类似滚动条的裁剪页面？

试试这个。

$（函数（）{$（"#对话框"）.对话框({autoOpen：false，可调整大小：false，宽度："自动"})；$（".dialogify"）.on（"单击"，函数（e）{e.preventDefault（）；$（"#对话框"）.html（"）；$（"#对话框"）.dialog（"选项"、"位置"、{my："中心"，在："中心"，的：窗口})；if（$（"#dialog"）.dialog（"isOpen"）==false）{$（"#dialog"）.dialog（"打开"）；}})；})

试试下面的代码，它对我有效：

$(function() {
    $( "#dialog-1" ).dialog({
        autoOpen: false,  
    });
    $( "#opener" ).click(function() {
        $( "#dialog-1" ).dialog( "open" );
    });
});
相关文章：