我有一个网页,其中显示了一些使用this awesome tool called pdf2htmlEX在HTML5中转换的PDF。
在同一页面中,我制作了一个导航栏。 如果我使用移动设备并使用双指缩放手势进行缩放,则设备会对包含导航栏的所有元素应用缩放。
我想只在移动设备上通过缩放来缩放html-pdf内容。我将内容包装在id为“content-container”的div中,我尝试了一些JS库,如HammerJS(结果表现糟糕的移动性能)和iScroll-5,但我无法弄明白。< / p>
我查看了OpenStreetMaps mobile网站,其中包含一些固定元素和可缩放内容。
有没有人实现过这个功能?
谢谢。
答案 0 :(得分:1)
请参阅此类似问题:How to zoom div content using jquery?
基本上你可以使用$('#divName').animate({ 'zoom': zoomlevel }, 'slow');
来获得你喜欢的效果,使用缩放控制按钮。
使用缩放非常灵活的好插件是http://jaukia.github.io/zoomooz/