我的引导模态的滚动区域在顶部有一个偏移量

Question

我都是，

我在我的网站上使用模态，包含它们的滚动区域不适合页面。 请参见屏幕截图。

我没有对模态应用任何其他风格，我无法弄清楚问题的来源。

很抱歉发布代码很难，因为我不确定哪个部分可能导致这个问题，代码库相对较大..

编辑：样本模式

<div class="modal fade" id="addSpotModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" onclick='addSpot.cancel()'
                aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Add a spot</h4>
        </div>


        <div class="modal-body">


            </div>


        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal" onclick='addSpot.cancel()'>Close</button>
            <button type="button" class="btn btn-primary" onclick='addSpot.sendAddSpotRequest()'>Save changes</button>
        </div>
    </div>
</div>

有什么想法吗？ 谢谢。奥利弗

Answer 1

首先，滚动基于模态本身，如您所见，圆角不可见。模态内的内容推动大小大于查看区域。如果您还没有这样做，可以在对话框（modal-lg）上尝试像<div class="modal-dialog modal-lg">这样的大小实用程序。您还可以通过LESS /变量更改尺寸。 @modal-lg，@modal-md和@modal-sm。要减少上边距，您需要调整modal-dialog的CSS，因为30px是默认值。