2015-11-02 168 views
2

我有一個網頁,其中顯示了一些使用HTML5轉換的PDF,其格式爲this awesome tool called pdf2htmlEX平滑縮放移動div元素

在同一頁我做了一個導航欄。 如果我使用移動設備,並使用縮放縮放手勢進行縮放,則設備會將縮放應用於包含導航欄的所有元素。

我想只使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/

+0

你好,感謝你的反應。我編輯我的問題:目前還不清楚我試圖解決的問題只是在移動設備上使用捏手縮放手勢。 – Tenaciousd93

+0

好吧,仍然圖書館zoomooz支持該功能,所以看看:) –