Question

所以我的代码中有这个模态：

<div class="modal" id="equityTransactions">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button data-dismiss="modal" class="close"><span>&times;</span></button>
                <div class="modal-title">Item Drill Down</div>
            </div>
            <div class="modal-body">
                <table style="width:100%">
                    <thead>
                        <tr>
                            <td style="width:50%">ITEM NAME</td>
                            <td style="width:50%">AMOUNT</td>
                        </tr>
                        <tr></tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Item A</td>
                            <td>@Html.DisplayFor(x => x.TableSix.Total_Equity_Domestic)</td>
                        </tr>
                        <tr>
                            <td>Item B</td>
                            <td>@Html.DisplayFor(x => x.TableSix.Total_Equity_EuroArea)</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

我需要的是标题中提到的内容。：）

目前，模式会弹出页面顶部，我也可以在模式背面的页面上滚动，同时弹出窗口仍处于活动状态。我希望能够不滚动并将模态定位在屏幕的中心。

我使用默认的bootstrap css而没有任何更改。

提前致谢：）

Answer 1

你可以试试这个 -

func showSafariViewController(forURL url: String) {
    guard let validURL = NSURL(string: url) else { return }

    let safariViewController = SFSafariViewController(URL: validURL)
    safariViewController.delegate = self
    // present safariViewController
}

您使用的是最新版本吗？你可以看到 - here

需要自举模式弹出窗口出现在屏幕中央，并且不能在后面滚动屏幕

1 个答案: