jQuery Mobile：對話框彈出滾動

Question

我使用jQuery Mobile Framework爲手機開發網站，並且網站上有一些圖像需要在對話框控件中以更大的格式打開。

我有一個頁面設置，處理加載圖像在一個div與溢出=自動圖像。它適用於桌面瀏覽器（Chrome），如果我縮小窗口，對話框會在圖像的內部滾動條。但是，在我手機的瀏覽器（Android，Chrome瀏覽器）上不起作用。該div不想滾動。除了縮小圖像外，有什麼辦法可以繞過這個嗎？

下面是圖片頁面的代碼：

<div data-role="dialog"> 
    <div data-role="header" data-theme="d" data-position="inline"> 
     <h1><%= ViewData["ImageTitle"] %></h1> 
    </div> 
    <div data-role="content" data-theme="c"> 
     <div style="overflow:auto;"> 
      <img alt="<%= ViewData["ImageAlt"] %>" 
       src="<%= ViewData["ImageUrl"] %>" /> 
     </div> 
    </div> 
</div> 

Answer 1

How to get the scroll bar with CSS overflow on iOS

Answer 2

聽起來像是你希望有一個 「收藏夾」 類型的插件。檢查了這一點：best jquery-based lightbox/popup dialogbox? 或 http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/

很肯定這些插件應該在移動環境中工作得很好。