平滑缩放移动div元素

时间:2015-11-02 08:57:06

标签: javascript html mobile zoom hammer.js

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

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

我想只在移动设备上通过缩放来缩放html-pdf内容。我将内容包装在id为“content-container”的div中,我尝试了一些JS库,如HammerJS(结果表现糟糕的移动性能)和iScroll-5,但我无法弄明白。< / p>

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

有没有人实现过这个功能?

谢谢。

1 个答案:

答案 0 :(得分:1)

请参阅此类似问题:How to zoom div content using jquery?

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

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