html - 我的 Bootstrap 模式的滚动区域在顶部有一个偏移量

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

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