在另一个滚动条中滚动条

Question

非常简短，我正在从Facebook页面导入照片，并使用photoSwipe插件将照片呈现给我的jquery mobile webpage。

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

正如你所看到的那样，我得到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属性？

Answer 1

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

使用以下命令禁用其中一个元素的滚动：overflow-y：hidden; overflow-x：auto;

逐个执行此操作，您将消除不需要的滚动条。

Answer 2

这可能是因为您在容器overflow: auto;上设置了overflow: scroll;或DIV属性，其中包含整个布局或BODY标记。

Answer 3

我看到了PhotoSwipe插件，并且在将overflow: hidden改为overflow: auto行jquery-mobile.css行6即#Gallery1 .ui-content, #Gallery2 .ui-content时，能够完全复制您的问题。

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

因此，请将以下行添加到CSS中：

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

这将照顾您动态添加的所有图库。