Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动条位于另一个滚动条内_Javascript_Jquery_Html_Scrollbar - Fatal编程技术网

Javascript 滚动条位于另一个滚动条内

Javascript 滚动条位于另一个滚动条内,javascript,jquery,html,scrollbar,Javascript,Jquery,Html,Scrollbar,简单地说,我正在从facebook页面导入照片,并使用Photosweep插件将它们呈现到我的jquery移动网页 问题是最终结果看起来有点奇怪。看这张红色箭头指向的照片 正如你所看到的,我有两个滚动条而不是一个。。但当我从手机上看到它时,它看起来就像一个酒吧 在Photosweep插件的示例代码中,滚动条看起来正常: 我现在不会给出任何代码,因为我想自己找到错误。我只是需要你帮我找些什么。理论上,是什么导致了这种双滚动条效应?像这样有两个滚动条到底意味着什么?内部滚动条只滚动几毫米。。外部

简单地说,我正在从facebook页面导入照片,并使用Photosweep插件将它们呈现到我的
jquery移动网页

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

正如你所看到的,我有两个滚动条而不是一个。。但当我从手机上看到它时,它看起来就像一个酒吧

在Photosweep插件的示例代码中,滚动条看起来正常:

我现在不会给出任何代码,因为我想自己找到错误。我只是需要你帮我找些什么。理论上,是什么导致了这种双滚动条效应?像这样有两个滚动条到底意味着什么?内部滚动条只滚动几毫米。。外部的一个按预期工作,并滚动浏览所有照片

编辑(基于答案)
以下是我动态创建库的方式:

$("#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> ');
$(“#Home”)。之后(“”+
“画廊”+“+
“
    ”+”+ ' ');

    如何在此处添加
    溢出:隐藏
    属性

    这可能是因为您有
    溢出:auto
    溢出:滚动属性设置在包含整个布局的容器
    DIV
    上或
    BODY
    标记上。

    这可能是因为您有
    溢出:自动
    溢出:滚动DIV
    上或在
    BODY
    标记上设置的code>属性。

    可能在BODY和html元素上有一个滚动条。或者在尸体和照片所在的部门

    使用:overflow-y:hidden禁用其中一个元素上的滚动;溢出-x:自动


    一个接一个地这样做,您将消除不需要的滚动条。

    可能在正文和html元素上有一个滚动条。或者在尸体和照片所在的部门

    使用:overflow-y:hidden禁用其中一个元素上的滚动;溢出-x:自动


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

    我看到了Photosweep插件,并且在
    jquery mobile.css
    行号
    6
    \Gallery1.ui内容,\Gallery2.ui内容
    中将
    溢出:隐藏
    更改为
    溢出:自动
    时,能够准确地复制你的问题

    编辑:在此处添加解决方案
    因此,在CSS中添加以下行:

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

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

    我看到了Photosweep插件,并且在
    jquery mobile.css
    行号
    6
    \Gallery1.ui内容中将
    溢出:隐藏
    更改为
    溢出:自动
    时,能够准确地复制您的问题,#Gallery2.ui内容

    编辑:在此处添加解决方案
    因此,在CSS中添加以下行:

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

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

    它设置为隐藏,问题是仅适用于2个库(gallery1和gallery2)。我动态导入相册,因此我有许多图库。我怎么能把它藏在每个画廊里?在我的问题中,我将向您展示如何创建库。因此,请改为在CSS中添加以下行:
    .gallery page.ui content{overflow:hidden;}
    这将处理您动态添加的所有库。它设置为hidden,问题是仅适用于2个库(gallery1和gallery2)。我动态导入相册,因此我有许多图库。我怎么能把它藏在每个画廊里?在我的问题中,我将向您展示如何创建库。因此,改为在CSS中添加以下行:
    .gallery page.ui content{overflow:hidden;}
    这将处理您动态添加的所有库。无论您如何将库添加到页面中,答案都保持不变。仔细阅读,逐个禁用这三个元素的滚动,您将看到哪个元素导致双滚动。我的最佳猜测是html或body元素。答案保持不变,无论您如何将库添加到页面。仔细阅读,逐个禁用这三个元素的滚动,您将看到哪个元素导致双滚动。我猜是html或body元素。