如何在HTML/JavaScript中製作水平滾動的PDF文檔？

Question

我有一個多頁的PDF文檔。當我在瀏覽器中嵌入它時，它默認爲垂直滾動。不過，我想要爲每個頁面進行水平滾動。有沒有辦法通過配置自定義代碼或插件來做到這一點？

Answer 1

如果你將其嵌入到一些種類的插件的瀏覽器，它會希望通過默認垂直滾動像你說的......我想你可以嘗試逐頁上傳，然後設置一些CSS樣式給力它水平滾動。

您可以通過高度寬度設置爲具體的數字，然後爲「自動」實現這一目標。另外嘗試設置overflow-x：scroll; overflow-y：hidden;再次，如果將單個頁面圖像添加到div，最有可能是最好的，然後強制進行水平滾動而不是嘗試破解插件。

Answer 2

正如an answer to a similar question提到的，你可以通過使用PDF.js

Their demo顯示一個頁面從源PDF一段時間，所以這將是相對簡單的從那裏建立一個水平滾動。

Answer 3

您需要指定在PDF參數如：

zoom=scale

這將設置縮放和滾動的因素;它使用浮點數或整數值。例如，比例值100將表示100％的縮放值。

或：

view=Fit

這將設置所顯示的頁面的圖;它將使用pdf語言規範中定義的關鍵字值。

編輯

您還可以使用：

overflow-x: scroll; overflow-y: hidden;

這將強制滾動是水平的，但它並不總是與某些類型的HTML的工作元素。通常情況下，我用它在一開始的時候我第一次遇到這樣的問題，因爲它是可笑容易做到，但如果不工作，我用我給你的第一個方法和它的作品很多更多的時候則不行。

Answer 4

你只想水平滾動意味着你可以使用溢出值的CSS。

Example: 
overflow-x:scroll 
overflow-y:hidden 

Answer 5

變焦=規模

設定縮放和滾動的因素，使用浮動或整數值。例如，比例值100表示​​100％的縮放值。 否則

視圖=飛度

Answer 6

你需要的是嵌入PDF文檔的單頁的方式。可悲的是，我找不到這個，但是你可以單獨地截取文檔的頁面，並將其放入。如果你能找到一種方法來插入單個頁面......很酷。做得好。

例如：http://drive.google.com/file/d/0B_8mjJ-WV5kGNDNnRWgyTGVYR3M/view?usp=sharing解壓並打開.html文檔。