解决页面可以左右滑动但无法上下滑动（有坑）)

原因

那天天朗气清，惠风和畅，我在悠闲看代码，突然间有人给我发了个sos，我知道麻烦的事情来了。
对方给我了一个问题：为啥我们的页面滑动不灵敏，上下滑动需要滑动多次才能使用，使用过了几次之后我发现只是由于页面的某些区域使用了ion-scroll让该区域可以左右滑动，我一度认为这是无法解决的，之所以他在某些情况下也能滑动
该区域原因是他刚好触摸到了边界区域。
在对方的要求下我就和另一名同事找了好久的解决办法， 想到了两种解决办法：
1.使用css将ion-scroll替换为div，此时可以上下滑动，但无法左右滑动。
2.利用javascript构建监听事件，完成滑动过程。
由于方法1很替换后产生了新问题，方法2，我js底子薄所以都失败了。
后来找到一篇博文解决了我的问题，原文找不到，我直接写吧：
1.在ion-scroll标签中添加 zooming=“true” ng-style=“scrollHeight”
2.在js里添加$scope.scrollHeight={height:’’+document.body.scrollHeight+‘px’};

3.在浏览器里测试OK解决了，但是部分区域高度变得非常小，所以 需要在
这个ion-scroll的父标签里固定一个高度。height=120px，写法随意反正只是为了把被遮住的部分展示出来。

4.放手机端后，欧天哪无法使用，页面混乱。没关系返回浏览器调试一下页面，至于无法使用的问题，看一下代码里：
$scope.scrollHeight={height:’’+document.body.scrollHeight+‘px’};
这段话为什么要设置一个高度是这个呢，潜意识里我认为不需要那么大的height，所以手动写成：
$scope.scrollHeight={height:’’+1+‘px’};
写的足够小，结果实验手机端ok。
但是页面有了问题。两指放在滑动区域，轻轻展开，两指缩放功能映入眼前。这不是需求里的内容。咋办？难道是ng-style的问题？
答案不是，及时把ng-style改成height：1px仍然有这个问题。
目前无法解决。所以优缺点并存，自己看着办，如果你解决了这个双指放大的问题记得告诉我，谢谢。
重点看字吧。