Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Jan 25, 2013 10:42 AM by roopeshreddy
Contributor
2849 Points
1069 Posts
Jan 22, 2013 06:17 AM|LINK
hi i can't scroll pdf files(iframe) in apple iphone and ipad
i tried the "-webkit-overflow-scrolling: touch;" but does not work
Default3.aspx
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body > <form id="form1" runat="server"> <div > <iframe width="1200" height="550" src="default4.aspx" ></iframe> </div> </form> </body> </html>
Default4.aspx
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default4.aspx.vb" Inherits="Default4" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css" > html, body, form { margin: 0; padding: 0; height: 100%; border: none; } </style> </head> <body> <form id="form1" runat="server"> <div id="wrapper" style="width: 100%; height: 100%; overflow:scroll; -webkit-overflow-scrolling: touch;" > <iframe style="height:98%;width:98%;" src="User Files/Business Catalog for April 2012.pdf" ></iframe> </div> </form> </body> </html>
All-Star
20143 Points
3327 Posts
Jan 25, 2013 10:42 AM|LINK
Hi,
IFrames are not recommended for mobiles!
https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482-SW1
May be you can try like this -
<a href="User Files/Business Catalog for April 2012.pdf">Click to View PDF</a>
OR
you can display PDF in web page like this -
protected void Page_Load(object sender, EventArgs e) { Response.Redirect("~/Business Catalog for April 2012.pdf"); //Path to the PDF file }
Hope it helps u...
sivakl_2001
Contributor
2849 Points
1069 Posts
iframe scroll bar in ios
Jan 22, 2013 06:17 AM|LINK
hi i can't scroll pdf files(iframe) in apple iphone and ipad
i tried the "-webkit-overflow-scrolling: touch;" but does not work
Default3.aspx
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body > <form id="form1" runat="server"> <div > <iframe width="1200" height="550" src="default4.aspx" ></iframe> </div> </form> </body> </html>Default4.aspx
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default4.aspx.vb" Inherits="Default4" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css" > html, body, form { margin: 0; padding: 0; height: 100%; border: none; } </style> </head> <body> <form id="form1" runat="server"> <div id="wrapper" style="width: 100%; height: 100%; overflow:scroll; -webkit-overflow-scrolling: touch;" > <iframe style="height:98%;width:98%;" src="User Files/Business Catalog for April 2012.pdf" ></iframe> </div> </form> </body> </html>roopeshreddy
All-Star
20143 Points
3327 Posts
Re: iframe scroll bar in ios
Jan 25, 2013 10:42 AM|LINK
Hi,
IFrames are not recommended for mobiles!
https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482-SW1
May be you can try like this -
OR
you can display PDF in web page like this -
protected void Page_Load(object sender, EventArgs e) { Response.Redirect("~/Business Catalog for April 2012.pdf"); //Path to the PDF file }Hope it helps u...
Roopesh Reddy C
Roopesh's Space