平滑缩放移动div元素答案

【问题标题】：Smooth zoom mobile div elements平滑缩放移动div元素
【发布时间】：2015-11-02 08:57:06
【问题描述】：

我有一个网页，其中显示了一些使用this awesome tool called pdf2htmlEX 转换为 HTML5 的 PDF。

在同一页面中，我制作了一个导航栏。如果我使用移动设备并使用捏合缩放手势进行缩放，则该设备会将缩放应用于包含导航栏的所有元素。

我只想在移动设备上通过捏合缩放使 html-pdf 内容可缩放。我将内容包装在 id 为“content-container”的 div 中，并尝试了一些 JS 库，例如 HammerJS（导致移动性能不佳）和 iScroll-5，但我无法弄清楚。

我查看了OpenStreetMaps mobile 网站，其中包含一些固定元素和可缩放内容。

有没有人实现了这个功能并取得了很好的效果？

谢谢。

【问题讨论】：

【解决方案1】：

看到这个类似的问题：How to zoom div content using jquery?

基本上你可以使用$('#divName').animate({ 'zoom': zoomlevel }, 'slow');来获得你喜欢的使用缩放控制按钮的效果。

一个使用缩放非常灵活的好插件是http://jaukia.github.io/zoomooz/

【讨论】：