javascript - 平滑缩放移动 div 元素

Question

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

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

我只想让 html-pdf 内容在移动设备上可以通过双指缩放进行缩放。我将内容包装在 ID 为“content-container”的 div 中，并尝试了一些 JS 库，如 HammerJS (导致移动性能差)和iScroll-5但我想不通。

我 checkout OpenStreetMaps mobile具有一些固定元素和可缩放内容的网站。

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

谢谢。

Answer 1

查看类似的问题:How to zoom div content using jquery?

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

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