iPad Safari中的pdf iFrame上没有滚动条,但在PC Safari上非常完美

时间:2014-08-14 16:54:00

标签: html ios css

我正在尝试将pdf嵌入到网页中,但它不会滚动,不能用1个手指或2个。有趣的是,在计算机上呈现的同一页面有滚动条,但iPad版本没有。有没有办法添加滚动条或至少启用1/2手指滚动?

我的代码:

HTML:

    <div class="pdfContainer">
        <iframe class='pdf' src="pdf1.pdf" frameborder="3"></iframe>
    </div>

    <br />

    <div class="pdfContainer">
        <iframe class='pdf' src="pdf2.pdf" frameborder="3"></iframe>
    </div>

CSS:

.pdfContainer { 
    overflow:scroll !important; 
    -webkit-overflow-scrolling:touch !important;

    width: 90%;
    height: 800px;

    margin: 10px 0px 10px 0px;
}

.pdf{
    width: 99%; /* should fill 99% of parent */
    height: 100%; /* should fill 100% of parent */
}

有人发现了问题吗?感谢任何和所有帮助

1 个答案:

答案 0 :(得分:0)

这适用于移动应用程序,还是实际的网络Safari?如果是申请,请尝试

UIWebview* myWebview = [[UIWebview alloc] init]];
myWebview.scrollenabled = YES;
myWebview.scrollView.showsVerticalScrollIndicator = NO;

另外,请确保您没有在自动布局中滚动。

如果要使用网站,您必须考虑实施移动版