javascript - 滚动条位于另一个滚动条内

Question

简单来说，我正在使用 photoSwipe 插件从 Facebook 页面导入照片并将其呈现到我的 jquery 移动网页。

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

正如你所看到的，由于某种原因，我得到了 2 个滚动条，而不是一个。但是，当我从手机上查看它时，它看起来就像一个滚动条。

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

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

编辑(根据答案)

<小时/>

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

$("#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

可能在 body 和 html 元素上有一个滚动条。或者在正文和照片所在的 div 上。

使用以下方法禁用这些元素之一的滚动:overflow-y:hidden;溢出-x:自动；

一项一项地进行，您将消除不需要的滚动条。