Javascript 滚动条位于另一个滚动条内
简单地说,我正在从facebook页面导入照片,并使用Photosweep插件将它们呈现到我的Javascript 滚动条位于另一个滚动条内,javascript,jquery,html,scrollbar,Javascript,Jquery,Html,Scrollbar,简单地说,我正在从facebook页面导入照片,并使用Photosweep插件将它们呈现到我的jquery移动网页 问题是最终结果看起来有点奇怪。看这张红色箭头指向的照片 正如你所看到的,我有两个滚动条而不是一个。。但当我从手机上看到它时,它看起来就像一个酒吧 在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元素。