在新的固定位置 div 创建后滚动条不显示

Posted 2023-05-07

【中文标题】在新的固定位置 div 创建后滚动条不显示

【英文标题】：After a new fixed position div created scroll bar doesnt show up

【发布时间】：2014-04-14 17:37:41

【问题描述】：

单击按钮后，此代码将写入 div。

这个表格是用写的

document.getElementById('justadiv').innerhtml = $belowFormWithoutWhiteSpaceCharacters

窗体比窗口的原始高度高得多。创建表单后，浏览器的滚动条不显示。有没有办法来解决这个问题。

<div id="background" style="position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.8)">
    <div id="window" style="position:relative;width:350px;top:100px;height:auto;margin-left:auto;margin-right:auto;padding:50px;background-color:white;">
        <form name="form1" method="post" action="">
        <font>Şirket Adı :</font><br><input name="newname" type="text" maxlength="59">
        <br><br>
        <font>Şirket Türü :</font><br>
            <input type="radio" name="newtype" value="1"><font>Limited</font>
        <br>
            <input type="radio" name="newtype" value="2"><font>Anonim</font>
        <br>
            <input type="radio" name="newtype" value="3"><font>Komandit</font>
        <br>
            <input type="radio" name="newtype" value="4"><font>Kolektif</font>
        <br><br>
        <font>Logo URL :</font><br>
            <input name="newurl" type="url">
        <br><br><font>Ticaret Ünvanı :</font><br>
            <input name="newticunvan" type="text">
        <br><br><font>Ticaret Sicil Numarası :</font><br>
            <input name="newticno" type="number">
        <br><br><font>Şirketin Bağlı Olduğu Ticaret Sicili Müdürlüğü :</font><br>
            <input name="newticmudur" type="text">
        <br><br><font>Merkezin Adresi :</font><br>
            <input name="newmerkezadres" type="text">
        <br><br><font>Telefon Numarası :</font><br>
            <input name="newtelno" type="tel">
        <br><br><font>Tax Numarası :</font><br>
            <input name="newfaxno" type="tel">
        <br><br><font>Web sitesi :</font><br>
            <input name="newwebadres" type="url">
        <br><br><font>E-mail adresi :</font><br>
            <input name="newemail" type="email">

            <input type="button" value="Pencereyi Kapat" onclick="document.getElementById('formcontainer').innerHTML='' ">
            <input type="submit" value="Kaydet">
            <input type="hidden" name="newcom">            
        </form>
    </div>
</div>

【参考方案1】：

用户溢出：风格自动

 <div id="background" style="position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.8);overflow:auto"> .... </div>

【参考方案2】：

使用css属性overflow:scroll;

<div id="background" style="position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.8);overflow:scroll"> .... </div>