业务需求需要做页面放大,采用zoom放大的方式,又导致了一系列的问题。
zoom放大后部分jQuery插件出现bug
部分插件会用到jQuery的offset()方法,zoom放大后,页面滚动时,该方法会导致插件计算位置出错。
jquery offset()方法返回的top,left经过计算得到。页面通过zoom放大后,计算结果会出错。
解决方法: 使用js原生offsetTop,offsetLeft代替jQuery offset的值。
页面有iframe嵌入的时候,iframe中内容不会放大
解决方法:通过url传参把zoom值传递到iframe页面中。