javascript - 在 iscroll4 中同时使用 useTransform:false 和 zoom:true，缩放不起作用

Question

这是我的代码，

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);  

当我删除 useTransform:false 行时，缩放 iscroll 正在工作。当我尝试上面的代码时，缩放不起作用。但我需要在我的应用程序中对某些操作使用 useTransform:false。如果我使用 useTransform:false 线，如何进行缩放。请帮助我。

Answer 1

我不是 100% 确定，但我认为 iScroll 需要使用变换来缩放，因为它使用 transform: scale(x) 属性通过缩放内容来模拟缩放。

因此，我认为您无法做到这一点。