Home/ Questions/Q 813031
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T01:17:40+00:00

I use JQTouch for an iPhone app. JQtouch disable by default the possibility to

  • 0

I use JQTouch for an iPhone app. JQtouch disable by default the possibility to pinch&zoom the page.
For one page (containing a big image), i need to enable the pinch & zoom feature.
This is easy :

var viewport = $("head meta[name=viewport]");
viewport.attr('content', 'width=320, initial-scale=1, maximum-scale=10.0, minimum-scale=1, user-scalable=1');

But after user has play with the pinch & zoom, I need to dynamically reset the zoom (scale) to the default. I tried to reset the viewport:

viewport.attr('content', 'width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;');

After calling the above code, it’s not possible to zoom anymore (because of user-scalable=0;), but it doesn’t change the current scale to the default.

I am looking for something like setScale(1), or to change an attribute like current-scale=1

Any idea ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The only way to reset the user scaling is to reload the page :

    window.location.reload();

    If you don’t want to do that, you will need to add a script to zoom dynamically elements such as images with touch events. Here is an example of pinch&zoom with scrolling :

    http://tlrobinson.net/projects/iphone-light-table/

    It’s easy to integrate this code in your project. just open the HTML source, copy the Javascript, and change the init() function regarding your needs.

    • 0