this is my code,
var myScroll;
function scroll() {
myScroll = new iScroll('wrapper', {
checkDOMChanges: false,
useTransform: false,
onBeforeScrollStart: function (e) {
var target = e.target;
while (target.nodeType != 1) target = target.parentNode;
if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA')
e.preventDefault();
},
zoom: true
});
setTimeout(function () { myScroll.refresh(); }, 0);
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', scroll);
when i remove the useTransform:false line, zooming in iscroll is working.when i try the above code, zoom is not working. but i need to use useTransform:false for certain operations in my application. how to make work the zoom if i use useTransform:false line. pl help me.
I'm not 100% sure but I'd assume iScroll needs to use transforms to zoom as it's using the transform: scale(x) property to emulate the zoom by scaling the content.
Therefore I don't think you'll be able to do this.