Clever Geek Handbook

IOS 6.0.1 Safari Scroll pdf in iframe

I am using my webpage to show the pdf from App_Data.

I am using this html:

<iframe src=""  id="iframePDF" style="width:100%; height:93%;z-index:1;></iframe>

AND javascript 

$('#iframePDF').attr("src", responseData.TempPath + "#zoom=100&page=1");

The scale does not scale the page and I cannot scroll.

Is there any solution for this or a solution?

+3


source to share


2 answers


You can scroll using two fingers, which is not intuitive for the user. You can't scroll an area unless you know the size of the content, which you can't, as iOS doesn't tell you.

Sorry friend, but then you'll have to look for a native or hybrid app like the solutions offered by Cordova (PhoneGap). It doesn't matter if the file is in .NET App_Data or anywhere else on the Internet.



The reason it works in your browser is because it has a built-in file viewer that loads when you open a file in a new window.

+1


source


Wrap the iframe in a constrained width element, then apply this CSS to that element:



-webkit-overflow-scrolling: touch
0


source






More articles:


All Articles