Question

我正在使用jQuery Mobile Framework开发手机网站，网站上有一些我想在Dialog控件中以更大格式打开的图片。

我有一个页面设置，用于处理图像在div中的图像，其中overflow = auto。它适用于桌面浏览器（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

听起来你想要一个“lightbox”类型的插件。看看这个：best jquery-based lightbox / popup dialogbox? 要么 http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/

非常确定这些插件在移动环境中应该可以正常工作。

jQuery Mobile：对话框弹出滚动

2 个答案: