0

非常简单地说，我正在从 facebook 页面导入照片并将它们呈现给我jquery mobile webpage，使用 photoSwipe 插件。

问题是最终的结果看起来有点奇怪。看看这张照片红色箭头所指的地方。。

在此处输入图像描述

正如你所看到的，我得到 2 个滚动条而不是一个。但是当我从手机查看它时，它看起来像一个滚动条。

在PhotoSwipe 插件的示例代码中，滚动条看起来不错：

在此处输入图像描述

我暂时不会给出任何代码，因为我想自己找到错误。我只是需要一些帮助来寻找什么。从理论上讲，什么可能导致这种双滚动条效果？有 2 个这样的滚动条到底意味着什么？内部滚动条只滚动几毫米。外部滚动条按预期工作并滚动浏览所有照片。

编辑（基于答案）

这就是我动态创建画廊的方式：

$("#Home").after('<div data-role="page" data-add-back-btn="true" id=Gallery'+ i +
               ' class="gallery-page"' + ' data-url="Gallery' + i + '"> ' +
               ' <div data-role="header"><h1>Gallery</h1></div> ' + ' <div data-role="content"> ' +
               ' <ul class="gallery"></ul> ' + ' </div> ' +
               ' </div> ');

如何在overflow:hidden此处添加属性？

4

3 回答 3

2

可能你在 body 和 html 元素上有一个滚动条。或在照片所在的主体和 div 上。

使用以下命令禁用其中一个元素的滚动：overflow-y: hidden; 溢出-x：自动；

一个一个地做，你会消除不需要的滚动条。

于 2013-07-04T08:46:37.717 回答
1

这可能是因为您在包含整个布局的容器或标签上设置了overflow: auto;oroverflow: scroll;属性。DIVBODY

于 2013-07-04T08:45:20.460 回答
1

overflow: hidden我看到了 PhotoSwipe 插件，并且在将其更改为overflow: autoin jquery-mobile.cssline no 6ie时能够准确地复制您的问题#Gallery1 .ui-content, #Gallery2 .ui-content。

编辑：在此处添加解决方案

因此，改为将以下行添加到您的 CSS 中：

.gallery-page .ui-content{overflow:hidden;}

这将处理您动态添加的所有画廊。

于 2013-07-04T08:46:54.257 回答