jQuery Mobile：对话框弹出滚动

发布于 2024-11-02 22:41:29 字数 729 浏览 0 评论 0原文

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

我有一个页面设置，可以处理加载图像，其中图像位于溢出=自动的 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>

原文

I'm using the jQuery Mobile Framework to develop a website for phones, and there are some images on the site that I want to open up in a larger format in the Dialog control.

I have a page setup that handles loading the image where the image is in a div with overflow=auto. It works on a desktop browser (Chrome), where if I shrink the window down, the dialog has scroll bars internally for the image. It doesn't work however on my phone's browser (Android, so Chrome browser). The div doesn't want to scroll. Is there any way I can circumvent this, aside from shrinking the image down?

Here's the code for the image page:

<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>

分享到QQ

分享到微博