Note that there are some explanatory texts on larger screens.

plurals
  1. POiPad safari mobile: How can I make one frame pinch-to-zoom while the other remains un-zoomed
    primarykey
    data
    text
    <p>My problem is simple: I need a header ( not <code>&lt;hr/&gt;</code>) to remain "docked" at the top of the iPad mobile safari browser viewport when a user pans or zooms the main content of the page. I have scoured the internet, and have found only a few clunky js frameworks.</p> <p>The iScroll framework claims this cabability, but as you can see from their demo, the user experience is quite poor: <a href="http://cubiq.org/dropbox/iscroll4/examples/zoom/" rel="nofollow">http://cubiq.org/dropbox/iscroll4/examples/zoom/</a> (jumpy, often hangs for seconds at a time, etc.)</p> <p>Since the native zoom/pan capabilities are quite good, I thought the best solution would be to make a frameset where one is made user-zoomable with a meta tag, and the other non-zoomable. Like this:</p> <p><code>&lt;meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes|no" /&gt;</code></p> <p>Unfortunately, this did not work. I fear it may not be possible to do it this way...</p> <p>Someone has asked the same question on an apple forum, of course they have not answered: <a href="https://discussions.apple.com/thread/3774841?start=0&amp;tstart=0" rel="nofollow">https://discussions.apple.com/thread/3774841?start=0&amp;tstart=0</a></p> <hr/> <p>I am open to any suggestions about how to accomplish this behavior. </p> <p>Assuming the frameset approach is impossible: I would prefer not to include a clunky js framework. (although i'm already using jQuery and jQuery UI) I really just need to resize and reposition a div based on viewport orientation, scroll position and zoom level.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload