Question

我正在使用带有razor的C＃MvC .NET 4.0框架开发一个项目。

我最近跳上了引导潮流（Bootstrap v3.3.4），以使我们的网站响应。我一直试图找到一个解决方案，让pdf在点击后显示为弹出窗口。这个弹出窗口需要可滚动/可关闭。

我调查了两种方法：

使用局部视图/ fancybox。不幸的是，所有出现的例子都是纯粹的ASP.NET，因此我找不到任何有用的东西。
使用对象标记在引导模式中嵌入PDF。这只是部分成功：我在实际移动设备（iPhone 4S，Safari / Chrome）上浏览和滚动pdf嵌入模态时遇到了以下问题：
- 过于积极地滚动PDF可能会导致模式崩溃
- 滚动模态是不可靠的，有时背景页面会滚动而不是实际的模态。放大或缩小时，通常无法滚动。
- 放大和缩小PDF是不可靠的;只是有时工作。

对于它的价值，下面是我的.cshtml模态代码：

<div>
    <div class="container">
    <!-- Trigger the modal with a button -->
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open PDF</button>

    <!-- Modal -->
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h4 class="modal-title">Modal Header</h4>
                </div>
                <div class="modal-body scroll">
                  <object type="application/pdf" data="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="650">this is not working as expected</object>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>        
        </div>
    </div>
</div>

所以我看到它的方式，要么我找到一种方法在可滚动弹出框架/局部视图中返回pdf，或者我找到一种方法来修复模式的滚动和可靠性问题，因为它已经部分工作，但不是如上所述可靠。

有关如何让pdf在移动设备上弹出的可靠工作的任何其他建议将不胜感激。

弹出移动设备的PDF

0 个答案: