引用hammer.js后页面无法滚动的解决

写了一个html5页面访问一切正常,放到手机端打开也正常,但是使用hammer.js添加左右滑动切换页面的功能后,导致该创建实例的div对象无法滚动的问题,静态页直接访问没有问题,使用js为div添加innerHTML内容后就无法滚动,怎么也找不到问题所在。最后使用alert把动态添加后的html内容显示出来发现问题,创建实例的div对象莫名多了几个style样式:
style=”-ms-content-zooming: none; -ms-user-select: none; -ms-touch-select: none; touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);”

原来是touch-action设置成了none,所以无法缩放滚动页面,可能问题出在了引用的hammer.js它为div添加了这些css,可是不知道怎么设置,于是通过js把touch-action设置为空,结果js错误,原来是js设置带“-”这样中横线的style属性时不能直接作为属性名,而是去掉中横线,并把中横线后的首字母大写即可,终于执行成功,可只能在win10写成功打开滚动功能,手机端依然无法上下滚动。
问题还是回到了hammer.js,仔细阅读了官方文档,英语水平实在太poor,搜了中文翻译版才找打解决办法,原来只需要在创建实例后进行简单设置即可:

var mc = new Hammer.Manager(myElement);
mc.set({touch-action:”pan-y”});

这样简单设置就可以了。
touch-action有以下几个属性:
/* Keyword values */
touch-action: auto;
touch-action: none;
touch-action: pan-x;
touch-action: pan-left;
touch-action: pan-right;
touch-action: pan-y;
touch-action: pan-up;
touch-action: pan-down;
touch-action: manipulation;

/* Global values */
touch-action: inherit;
touch-action: initial;
touch-action: unset;